タグ付けされた質問 「css」

これらの2つのCSSプロパティに違いはありますか？ background: none; background: transparent; どちらも有効ですか？ どちらを使用する必要がありますか？その理由は？

119 css  background 

HTMLテーブルセル内のテキストを90度回転させる（ポータブル）方法はありますか？ （見出しの列とテキストが多いテーブルがあるので、スペースを節約するために縦に書きたいと思います。）

119 html  css  text-rendering  text-styling 

私のウェブページには「細い」リストがあります。たとえば、それぞれ1単語の長さの100アイテムのリストです。スクロールを減らすために、このリストをページの2列または4列に表示したいと思います。CSSでこれを行うにはどうすればよいですか？ <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 リストが200アイテムに増えても、新しいリストに対応するために多くの手動調整を行う必要がないように、私はソリューションが柔軟であることを好みます。

119 css  html-lists 

データベースの段落を表のセルに表示したい。 結果は、データベースでの構成を無視して、大きな1行になります。たとえば、 'Enters'を無視する（新しい行） それがデータベースにどのように記述されているかを正確に示したいと思います。 たとえば、段落が次のように保存されているとします。 hello , my name is x. 私はそれをそのように正確に見せたい： hello, myname is x.

119 html  css  tablerow 

次のようなレンダリングを備えたコンポーネントがあるとします。 <View style={jewelStyle}></View> ここでjewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, 背景色を動的にしてランダムに割り当てるにはどうすればよいですか？私はもう試した { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, ただし、これにより、Viewのすべてのインスタンスが同じ色になります。それぞれを一意にする必要があります。 任意のヒント？

119 css  reactjs  react-native 

いくつかの列があり、そのうちのいくつかを値を回転させたいとしましょう： http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> このCSSでは： .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } 最終的には次のようになります。 テキストが他の要素と重ならないように、回転した要素が親の高さに影響を与える原因となるCSSを記述することは可能ですか？このようなもの：

119 css  css-transforms 

水平ナビゲーションメニューがあります。これは基本的に<ul>、要素を並べて設定した単なるa です。幅は定義しませんが、メニュー項目の幅によって幅を定義したいので、単にパディングを使用します。現在選択されているアイテムを太字にします。 問題は、太字で単語が少し広くなり、残りの要素が少し左または右にシフトすることです。これを防ぐための賢い方法はありますか？太字によって引き起こされる余分な幅を無視するようにパディングに指示するという線に沿った何か？私の最初の考えは、「アクティブ」要素のパディングから数ピクセルを単に差し引くことでしたが、この量は異なります。 可能であれば、エントリへの将来の変更を簡単にするために、各エントリに静的な幅を設定してから、現在のパディングソリューションとは対照的に中央揃えを避けたいと思います。

119 css  fonts  menu 

FileFormat.Infoの検索から、特殊文字のUnicodeを見つけています。 一部の文字は、⚠（警告記号、\u26A0または⚠）などの古典的な白黒のグリフとしてレンダリングされます。CSSスタイル（色など）を適用できるので、これらの方が望ましいです。 その他は、⌛（砂時計、\u231Bまたは⌛）などの新しい漫画の絵文字としてレンダリングしています。私はそれらを完全にスタイルすることができないので、これらは好ましくありません。 Mac ChromeでもMac SafariでもないMac Firefoxで砂時計のグリフを見ることができるので、ブラウザーがこの変更を行っているようです。 ブラウザーに古い（フラットモノトーン）バージョンを強制的に表示させる方法はありますか？ 更新：（以下のコメントから）text-vs-emojiを適用するために使用できるテキストプレゼンテーションセレクターがFE0Eあるようです。セレクターは⌛︎、HTML hexや\u231B\uFE0EJS などのように、文字のコード上にスペースのないサフィックスとして連結されます。ただし、すべてのブラウザー（ChromeやEdgeなど）でこれが受け入れられるわけではありません。

119 javascript  html  css  unicode  emoji 

コードに問題があります。ページにグローバルフォントを含めたいので、.ttfファイルをダウンロードしました。メインのCSSに含めましたが、フォントは変更されません。 これが私の簡単なコードです： @font-face { font-family: 'oswald'; src: url('/font/oswald.regular.ttf'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, …

119 html  css 

Font Squirrelから生成されたプログラムにfont-faceがあります。IISで機能させることができません。localhostで機能します。MIMEタイプにapplication / font-woffの 記事を追加しましたが、動作しません。 Context --Fonts ----font location --css files CSS @font-face { font-family: 'wallStreetFont'; src: url('Fonts/subway-webfont.eot'); src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/subway-webfont.woff2') format('woff2'), url('Fonts/subway-webfont.woff') format('woff'), url('Fonts/subway-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 現在のMIMEを編集 デフォルトのIIS 8 MIME font / x-woffを使用しています

118 css  iis  fonts  woff2 

フォーカスされたキャレットのスタイルを設定したい<input type='text'/>。具体的には、色と厚さ。

118 html  css  input  caret 

ヘッダー要素とコンテンツ要素があります： #header #content ヘッダーの高さを固定し、コンテンツで、画面で使用可能な残りの高さすべてをで埋めるようにしますoverflow-y: scroll;。 これはJavaScriptなしで可能ですか？

118 html  css 

含まれているdivの下部にdivを配置するにはどうすればよいですか？ <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> このコードは、ページの下部に「内側」のテキストを配置します。

118 css  position 

何らかの理由で、私のdivが包含divの水平方向の中央に配置されません。 .row { width: 100%; margin: 0 auto; } .block { width: 100px; float: left; } <div class="row"> <div class="block">Lorem</div> <div class="block">Ipsum</div> <div class="block">Dolor</div> </div> コードスニペットを実行する結果を非表示スニペットを展開 また、1つのブロックdivのみが含まれる行divが存在する場合もあります。何が悪いのですか？

118 css 

次のコードはどれも機能しません。 p:before { content: " "; } p:before { content: " "; } 要素のコンテンツの前に空白を追加するにはどうすればよいですか？ 注：セマンティックに使用するためにborder-leftおよびmargin-leftに色を付け、スペースを無色のマージンとして使用する必要があります。:)

118 css  unicode  space  css-content