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

以前はwidth: auto、幅はコンテンツの幅に設定されていると想定していました。これで、親の幅全体が使用されることがわかります。 誰もがこれらの違いを説明できますか？

98 html  css 

Flexboxを使用してこれを達成することは不可能であると私は収集しています。各行はその要素に合わせるために必要な最小の高さしかあり得ないのですが、これは新しいCSSグリッドを使用して達成できますか？ 明確にするために、グリッド内のすべての要素の高さを、各行だけでなく、すべての行にわたって等しくしたいと考えています。基本的に、最も高い「セル」は、その行のセルだけでなく、すべてのセルの高さを示します。

98 css  flexbox  grid-layout  css-grid 

React Nativeでフォームを作成していてTextInput、画面幅の80％にしたいと考えています。 HTMLと通常のCSSでは、これは簡単です。 input { display: block; width: 80%; margin: auto; } React Nativeがdisplayプロパティ、パーセンテージ幅、または自動マージンをサポートしていないことを除いて。 では、代わりに何をすべきでしょうか？この問題については、React Nativeの課題追跡にいくらか議論がありますが、提案された解決策は厄介なハックのようです。

98 javascript  css  reactjs  react-native 

特定のリンクを無効にしてカーソルスタイルを適用しようとしていますが、このCSSコマンドcursor: text;は効果がありません。カーソルは常にデフォルトです。Firefoxの最新バージョンを使用しています。 CSS： pointer-events: none !important; cursor: text; color: Blue;

98 css 

ルーターのコンセントによって配置された要素を角度でスタイリングしようとしていますが、生成された要素の幅が100％になるようにします ほとんどの返信から、::ng-deepセレクターを使用する必要があることがわかりましたが、Angularのドキュメントからは非推奨になっています。に代わるものはあり::ng-deepますか？

98 html  css  angular 

最近* *、CSSに出会いました。 サイト参照- サイトリンク。 *CSSスタイルシートでの1つの使用法では、インターネットとスタックオーバーフローには例が殺到していますが* *、CSSで2つのシンボルを使用するかどうかはわかりません。 グーグルで検索しましたが、1つで*すべての要素が選択されるため、これに関する関連情報は見つかりませんでしたが、サイトで2回使用された理由がわかりません。これに欠けている部分は何ですか？なぜこのハックが使用されますか（ハックの場合）？

97 html  css  css-selectors 

この例の画像がセンタリングされていません。どうして？私のブラウザーはWindows 7のGoogle Chrome v10で、IEではありません。 <img src="/img/logo.png" style="margin:0px auto;"/>

97 css  google-chrome  margin  centering 

2つのdivコンテナーがあります。 1つは特定の幅にする必要がありますが、他のdivが残りのスペースを占めるように調整する必要があります。これを行う方法はありますか？ .left { float: left; width: 83%; display: table-cell; vertical-align: middle; min-height: 50px; margin-right: 10px; overflow: auto; } .right { float: right; width: 16%; text-align: right; display: table-cell; vertical-align: middle; min-height: 50px; height: 100%; overflow: auto; } <div class="left"></div> <div class="right"></div> <!-- needs to be 250px --> コードスニペットを実行する結果を非表示スニペットを展開

97 css  html 

アプリケーションでtextareaコンポーネントを使用しており、その高さを動的に制御しています。ユーザーが入力すると、十分なテキストがある場合は常に高さが増加します。これは、IE、Firefox、Safariで正常に動作します。 ただし、Safariでは、右下に「ハンドル」ツールがあり、ユーザーはクリックしてドラッグすることでテキストエリアのサイズを変更できます。私はまた、stackoverflow Ask a Questionページのtextareaでこの問題に気づきました。このツールは混乱を招き、基本的に邪魔になります。 それで、とにかくこのサイズ変更ハンドルを隠す方法はありますか？ （「ハンドル」が正しい単語かどうかはわかりませんが、もっと良い用語を考えることはできません。）

97 safari  webkit  css 

現在、Twitterブートストラップ3を使用していますが、レスポンシブな画像を作成する際に問題が発生しています。私はimg-responsiveクラスを使いました。しかし、画像サイズは拡大されていません。width:100%代わりに使用するとmax-width:100%、完全に機能します。問題はどこだ？これは私のコードです： <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

97 javascript  jquery  html  css  twitter-bootstrap 

CSSで点線を描画するにはどうすればよいですか？

97 html  css 

固定のヘッダーと固定の最初の列を含むhtmlテーブル（または同様の外観）を作成する必要があります。 これまでに見てきたすべてのソリューションはJavascriptを使用するかjQuery、scrollTop / scrollLeftを設定しますが、モバイルブラウザーではスムーズに機能しないため、純粋なCSSソリューションを探しています。 ここで固定列の解決策を見つけました：jsfiddle.net/C8Dtf/20/ですが、ヘッダーを固定するためにそれを拡張する方法もわかりません。 Webkitブラウザーで動作したり、いくつかのcss3機能を使用したりJavascriptしたいのですが、繰り返しますが、スクロールには使用したくありません。 編集：これは私が達成したい動作の例です：https : //web.archive.org/web/20130829032141/http : //datatables.net/release-datatables/extras/FixedColumns/css_size.html

97 html  css  html-table  markup  fixed-header-tables 

select要素で選択されたアイテムを囲む点線を削除することは可能ですか？ outlineCSSでプロパティを追加しようとしましたが、少なくともFFでは機能しませんでした。 <style> select { outline:none; } </style> アップデート 先に進んで概要を削除する前に、こちらをお読みください。 http://www.outlinenone.com/

97 html  css  firefox  xhtml 

私はこのようなものが必要です： CSSでこれをどのように達成できますか？背景画像を使用するのが1つの方法であることはわかっていますが、画像なしのCSSでのみこれを実現できますか？

97 html  css  image  strikethrough 

htmlをwkhtmltopdfでPDFに変換するときに、htmlのテーブルの行内の改ページを回避したいと思います。私はpage-break-inside：avoid with table-を使用していますが、行が多すぎて機能しません。trの表示をブロックまたはその他のものとして設定すると、テーブルのフォーマットが変更され、二重の境界線が挿入されます。または、テーブルが分割された各ページにテーブルヘッダーを挿入することもできます。

97 html  css  wkhtmltopdf