0

Twitter の Bootstrap フレームワークに基づいて、WordPress テーマのモックアップを作成し始めています。私がこれまでに持っているコードがコーシャであることを誰かが検証できますか?

より具体的には、ヘッダー... アバター画像の横に自分の名前とサブヘッドがあります。テキストを画像の中央に縦に表示したい。これは、ページの幅が十分にある場合にうまく機能します (スクリーングラブ: imgur.com/YCpSm)。しかし、ブラウザーの幅を狭くしてレスポンシブ デザインを開始すると、テキストが上に移動します (スクリーングラブ: imgur.com/K4Vyj)。

テキストが画像の垂直方向の中央に留まるようにするにはどうすればよいですか?

ありがとう。

--

コード: http://jsfiddle.net/robertandrews/jP4nT/ (標準の bootstrap.css、標準の bootstrap-responsive.css、およびカスタム CSS が 1 つに含まれています)

ページ: http://jsfiddle.net/robertandrews/jP4nT/embedded/result/

4

2 に答える 2

0

絶対配置の代わりにフローティング要素を使用できます: http://jsfiddle.net/jP4nT/1/

<p> 内に <h1> タグも配置しませんが、おそらく問題ありません。

于 2012-08-21T14:07:30.383 に答える