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

Twitterブートストラップを使用しており、Googleマップを持っています。 マーカーなどのマップ上の画像が、BootstrapのCSSによって歪められています。 ブートストラップCSSには次のものがあります。 img { border: 0 none; height: auto; max-width: 100%; } max-widthFirebug を使用してプロパティを無効にすると、マーカー画像が通常どおり表示されます。Bootstrap CSSがGoogleマップの画像に影響を与えないようにするにはどうすればよいですか？

147 google-maps  twitter-bootstrap  css 

なぜ_scssでファイル名の前に置くのですか？ _filename.scss-なぜ必要なの_ですか？

147 css  sass 

div固定幅の要素のグループをコンテナーに入れて、水平スクロールバーを表示させたいのですが。div/span要素は、HTML（基本的に開封された）に表示されている順序で左から右へのラインに表示されます。 これにより、水平スクロールバーが表示され、垂直スクロールバーの代わりに使用して、コンテンツを読み進めることができます（左から右）。 私はそれらをコンテナに浮かせて、white-space: nowrapスタイルをコンテナに入れてみましたが、残念ながら、まだラップされているようです。 アイデア？ それはこのように見えました： .slideContainer { white-space: nowrap; } .slide { width: 800px; float: left; display: inline; } <div class="slideContainer"> <div class="slide">Some content</div> <div class="slide">More content</div> <div class="slide">Even More content!</div> </div> コードスニペットを実行する結果を非表示スニペットを展開 更新：例 についてはサイトを参照してください。ただし、別の方法ではないことは間違っていました-記事は古いと思います。

147 html  css 

私が持っていると思いますA Bし、C真ん中に整列します。 どうすれDば完全に右に行くことができますか？ 前： 後： ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ } <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 …

147 html  css  flexbox 

常に特定の幅にしたい表のセルがあります。ただし、スペースのないテキストの大きな文字列では機能しません。ここにテストケースがあります： td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開 ボックスを拡大するのではなく、テキストをボックスの端で切り取るにはどうすればよいですか？

146 html  css 

HTML要素のブラウザのデフォルトCSSはどこにありますか？ 多くのHTML要素にはいくつかのデフォルトのCSSプロパティが付属しており、不明な動作や望ましくない動作が発生する場合があります。たとえば、入力ボックスはブラウザによって表示が異なります。新しいCSS3プロパティと新しいHTML5要素をカバーする場所を探しています。 CSSリセットの解決策を提案する他の（はるかに古い）質問（ブラウザーのデフォルトCSSスタイルシートなど）の回答を見てきました。この解決策は望ましくない場合があります。多くの場合、実際には基本的なプロパティの一部（Chromeの入力ボックスの強調表示など）を保持したいと思います。つまり、何をしているのか分からないからといって、取り除きたくないのです。 それで、私にこのすべての情報（またはおそらくほとんど）を与えることができるサイトはありますか？

146 html  css  cross-browser 

私はCSSを学んでいます。CSSで入力と送信ボタンのスタイルを設定する方法は？ 私はこのようなものを作成しようとしていますが、方法がわかりません <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

ページ全体*折り返し可能はmain.cssファイルで定義されています /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } ページ全体がここにあります： <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"> <ctl:sortableTblHdrSetup …

146 html  css  html-table 

IEでは、幅にパディングサイズが含まれているようです。FFでは幅は変わりません。両方を同じように動作させるにはどうすればよいですか？ ありがとう。

146 css 

CSSで読み込みアイコンを回転させたい。 アイコンと次のコードがあります。 <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> しかし、それは機能しません。CSSを使用してアイコンを回転するにはどうすればよいですか？

146 css  animation  webkit 

私はピンク色の容器の真ん中に青い容器を入れようとvertical-align: middle;していますが、その場合はうまくいかないようです。 <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> 結果： 期待： どうすればそれを達成できるか提案してください。 Jsfiddle

146 html  css  vertical-alignment  absolute 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する スタイルを設定する必要があるHTML選択ボックスがあります。CSSだけを使用したいのですが、必要な場合は、jQueryを使用してギャップを埋めます。 誰でも良いチュートリアルやプラグインをお勧めできますか？ Googleは知っていますが、過去2時間を検索してきましたが、自分のニーズを満たすものが見つかりません。 それは： jQuery 1.3.2と互換性があります アクセシブル 邪魔にならない 選択ボックスのあらゆる側面のスタイリングに関して完全にカスタマイズ可能 私のニーズを満たすものを誰かが知っていますか？

145 jquery  css  html-select 

現在、ユーザーがenterテキスト領域内を押すと、フォームが送信されます。 いいですね。 しかし、彼らがshift+ をタイプしたときenter、私はtextareaを次の行に移動させたい：\n これをJQueryプレーンJavaScriptでできるだけ簡単に行うにはどうすればよいですか？

145 javascript  jquery  html  css 

CSS background-imageプロパティの正しい使い方は何ですか？私が理解しようとしている重要なことは 引用符で囲む必要がありますか？ background-image: url('images/slides/background.jpg'); （上記のように）相対パスにすることはできますか、それとも完全なURLにする必要がありますか？ 標準に準拠したブラウザで正しく動作することを確認するために知っておくべきその他の点。

145 css 

レスポンシブhtmlレイアウトの既存のイメージマップがあります。画像はブラウザのサイズに従って拡大縮小されますが、画像の座標は明らかに固定されたピクセルサイズです。イメージマップ座標のサイズを変更するには、どのようなオプションが必要ですか？

145 html  css  imagemap