vertical-alignment

7熱

2答えて

垂直整列：</p> <p><img src="https://i.stack.imgur.com/Yru7c.png" alt="layout"></p> <p><strong>マイCSS</strong>：ボタン

内のテキストの真ん中の私は、このレイアウトを持っている body { background: #e2eaed; } a { text-decoration: none; color: #fff; font-size: 30px; height: 62px; line-height: 62px; /* vertical-ali

18熱

4答えて

divをテーブルセル内で垂直に配置するにはどうすればよいですか？

テーブルセル内にあるdivをどのように垂直に配置するのですか？ HTML： <tr class="rowClass"> <td class="cellClass"> <div class="divClass">Stuff</div> </td> </tr> CSS： .rowClass { vertical-align:middle !importa

5熱

3答えて

CSSを使用してコンテンツをページの中心に設定する

私はリード生成ページを作成しようとしています。どのブラウザサイズで表示されても、ページのすべてのコンテンツを中央に集中させたい。私は垂直アライメントセンターを使ってみました。しかし、それは動作していないようです。そうするベストプラクティスはどれですか？ http://play.mink7.com/h/mspre/

14熱

3答えて

背景とテキストを垂直方向に合わせる方法は？

一定の（したがって自動ではなく再利用可能な）値をheightまたはline-heightに割り当てずに、背景イメージをテキストと垂直に整列させるのに問題があります。私は実際には、例えば、a要素, with its text without assigning constant values to行の高さの垂直方向の中心にbgイメージの方法があるのだろうかと思っていた `高`？ライブデモはhttp

8熱

2答えて

選択ボックスのテキストの垂直方向の整列 - Firefoxの問題

Firefoxの選択ボックスのキャプションの垂直方向の整列に問題があります。このような選択に見えるため CSS：すべてが正常に見えるChromeの場合 select#cities_list { width: 95px; height: 45px; line-height: 45px; background: url('./img/select-arrow.p

1熱

1答えて

相対的なdivの縦方向のテキストの整列

私はposition：relativeを持つdivを持っています。固定幅のdivに含まれています。その内部（位置関係のあるdiv）にはテキストがあります。問題は、それを縦に並べる必要があり、場合によってはテキストが1行で構成され、2行で構成されることです。私のCSSコードはこれです： .rollover{ position: relative; width: auto; background

1熱

1答えて

画像センターアライメント機能しますが、完全ではない

これらのCSSプロパティは、任意のサイズのコンテナ内の任意のサイズの画像をセンタリング底に不要な空白があります。それを避ける方法は？コンテナは何のテキストコンテンツが含まれていない場合、あなたはおそらくコンテナのスタイルにfont-size: 0;を追加することができ http://jsfiddle.net/8DeLQ/1/

5熱

1答えて

Twitter Bootstrap内のdiv要素のオフセット垂直位置

Twitter Bootstrapを使用してオフセット要素を流体グリッドで正しく垂直に整列しようとしています。（注：グリッドは30列にカスタマイズされている）は赤いボックスを考慮すると、これが試みられdiv要素の配置です：http://imgur.com/IkB2G これは私のコードで現在の実際の配置されていますhttp://imgur.com/oJ2mG ここで私が使用していたコードです。下

13熱

1答えて

インラインブロックを使用して2つのdivに垂直整列を適用する

だから私はいくつかのDIVを持っています。構造は、この <div id="content"> <div id="lcol">some content</div> <div id="lcol">some<br />content</div> </div> で、私の問題は、二つのdivが異なる高さであることです。私は 'lcol'のためにdisplay:inli

6熱

2答えて

`line-height`を垂直に中心にした画像が、2ピクセル下に位置するのはなぜですか？

短編小説： jsfiddle here Chrome 21、Firefox 15、IE9では一貫して動作が正しくないため、CSS仕様について誤解していると思います。長い物語：私は垂直行の高さを利用して画像をセンタリングします。イメージコンテナの高さを行の高さに設定しました。すべての要素の余白、パディング、境界線をリセットしましたが、イメージは2ピクセル下になります。これは、画像がコンテナよりも