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

Twitter Bootstrapでフォームを作成していますが、フォームの入力の下にボタンを中央に配置することに問題があります。私はすでにcenter-blockボタンにクラスを適用しようとしましたが、それはうまくいきませんでした。どうすれば修正できますか？ これが私のコードです。 <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button 

したがって、フレックスボックスを使用して便利なモーダルを作成しようとしたときに、ブラウザーの問題のように見えるものが見つかり、既知の修正または回避策があるかどうか、またはそれを解決する方法についての考えがあります。 私が解決しようとしていることには、2つの側面があります。最初に、モーダルウィンドウを垂直方向に中央揃えにします。これは期待どおりに機能します。2つ目は、モーダルウィンドウをスクロールすることです-外部的に、モーダルウィンドウ全体をスクロールしますが、その中のコンテンツはスクロールしません（これにより、ドロップダウンや、モーダルの境界外に拡張できるその他のUI要素を使用できます-カスタム日付ピッカーなど） ただし、垂直方向のセンタリングとスクロールバーを組み合わせると、モーダルがオーバーフローし始めると、モーダルの上部にアクセスできなくなる可能性があります。上記の例では、オーバーフローを強制するようにサイズ変更できます。そうすることで、モーダルの一番下までスクロールできますが、一番上まではスクロールできません（最初の段落は切り取られます）。 これはサンプルコードへのリンクです（非常に簡略化されています） https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); overflow-x: auto; } .modal-container .modal-window { display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; // Optional support to confirm scroll behavior makes sense in IE10 //-ms-flex-direction: …

259 html  css  flexbox  browser-bugs 

CSSファイルにのみアクセスできるCMSを使用しています。そのため、ドキュメントのHEADに何も含めることはできません。CSSファイル内からWebフォントをインポートする方法があるかどうか疑問に思っていましたか？

258 css  fonts  google-webfonts 

div定義された内に長いテキストがありますwidth： HTML： <div>Stack Overflow is the BEST !!!</div> CSS： div { border: 1px solid black; width: 70px; } 文字列を強制的に1行に収める（つまり、「オーバーフロー」の途中でカットする）にはどうすればよいですか？ を使用しようとしましたがoverflow: hidden、役に立ちませんでした。

258 html  css 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 この質問を改善する ほとんどすべてのページで使用されるスタイル要素を含む単一のモンスター.cssファイルを使用することには利点がありますか？ 管理を簡単にするために、さまざまな種類のCSSをいくつかのファイルに引き出し、メインのすべてのファイルを含めるの<link />は悪いことだと思います。 これが良いと思います Positions.css buttons.css tables.css copy.css 対 site.css 片方の方法と他の方法でそれを行うことの落とし穴を見たことはありますか？

258 css  html  stylesheet 

ブートストラップ3テーブルを使用して、固定ヘッダーとスクロール可能なコンテンツを含むテーブルを作成しようとしています。残念ながら、私が見つけたソリューションは、ブートストラップでは機能せず、スタイルを台無しにもしません。 ここに単純なブートストラップテーブルがありますが、何らかの理由でtbodyの高さが10pxではありません。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> …

258 html  css  twitter-bootstrap  html-table 

CSSでテーブルtrの最初の要素を除くすべての要素を選択するにはどうすればよいtrですか？ この方法を試しましたが、うまくいきませんでした。

257 css  css-selectors 

HTMLは次のとおりです。 <div id="outer"> <div id="inner"></div> Test </div> そしてここにCSSがあります： #inner { float: left; height: 100%; } Chromeデベロッパーツールで検査すると、内側のdivの高さが0pxになっています。 親divの高さの100％に強制するにはどうすればよいですか？

256 css  html  height 

HTML： <label for="email">{t _your_email}:</label> CSS： label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 'for'属性に基づいてラベルを選択して、レイアウトを変更したいと思います。

256 css  css-selectors 

CSSのラベルで最初の文字を大文字にする方法はありますか？ これが私のHTMLです： <a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a> コードスニペットを実行する結果を非表示スニペットを展開

255 css 

このHTMLを考えると： <div>foo</div><div>bar</div><div>baz</div> これらを次のようにインラインで表示するにはどうすればよいですか。 foo bar baz このようではない： foo bar baz

254 css  line  html 

完全なnoobの質問ですが、ここにあります。 CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ フィドル 基本的に私はボタンをエミュレートしようとしています。スパン（または何か）を、入力フィールドの横にあるボタンのように見せます。これは、Enterでエラーを生成する自動入力ジェネレーターのため、実際には1である必要はありません。これは今のところ簡単な修正になると思いますが、明らかにそうではありません。 ありがとう。

254 css  html  width 

divの中央に配置しようとしているSVGがあります。divの幅は900pxです。SVGの幅は400pxです。SVGのマージン左とマージン右は自動に設定されています。機能しません。左マージンが0（デフォルト）であるかのように機能します。 誰かが私のエラーを知っていますか？

254 css  layout  svg  positioning  margin 

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 CSSを使用して角を丸くするにはどうすればよいですか？

253 cross-browser  rounded-corners  css 

次のようなレイアウトを構築しようとしています。 +---+---+---+ | | | | +---+---+---+ | | +-----------+ 下部が上部の行のスペースを埋めているところです。 これが実際のテーブルであれば、で簡単にこれを実現できますが、<td colspan="3">単にテーブルのようなレイアウトを作成しているだけなので、<table>タグを使用できません。これはCSSを使用して可能ですか？

251 css