0

ここに問題の js フィドルがあります: http://bit.ly/Zd8JAU

ページの上部にロゴとタイトルを中央に配置したヘッダーを配置しようとしています。アイデアは、タイトルをページ自体の中央に配置し、ロゴの左右のギャップ内に配置しないことです。それが理にかなっている場合?

そこで、ロゴをタイトルの上に浮かせてから、ロゴの位置を変更して上に移動しました (そうしないと、タイトルの下に移動することを主張します)。問題は、これがギャップを作成し、それがページを下にカスケードすることであり、ロゴの高さだけすべてを上に移動する必要があり、実際にそれを行う必要はありません.

どこにもギャップを作らず、タイトルのテキストにオフセットを生じさせずに、ロゴをタイトルの左側に配置するより良い方法はありますか?

編集:フィドルを更新して、私が達成しようとしていることをより明確にしました。

4

1 に答える 1

0

はい、ロゴの CSS 背景を NAV 要素の一部として使用することを検討してください。これにより、テキストをパディングし、干渉することなく画像を配置することが容易になります。

于 2013-02-14T17:25:54.453 に答える