html - 会社名を一番下に移動する最良の方法は何ですか

Question

レイアウトページの一部として次の html があります。

<div class="top-nav nav-collapse">
<ul class="nav">                     
<li class="customTitle">custome Title </li>
<li>
</li></ul>
</div>

しかし、タイトルは次のようにページの上部にありました:- ここに画像の説明を入力

そのため、次のようにタイトルテキストの前に a を追加しました
:-

<div class="top-nav nav-collapse">
<ul class="nav">                     
<li class="customTitle"><br/>custome Title </li>
<li>
</li></ul>
</div>

タイトルは次のように下に移動しました:-

ここに画像の説明を入力しかし、私の質問は、wheatear を追加すること<br/>です。私のレイアウト要件を達成するために従う正しいアプローチはありますか?

タナクス

score 4 · Accepted Answer

クラスのline-heightを調整してみてください。.customTitle特に、をに設定line-heightするとheight、テキストはタイトルバーの中央に表示されます。

score 3 · Accepted Answer

3

これを試して、

.customTitle
{
line-height:(somevalue)px;
}

于 2013-11-11T11:25:48.597 に答える

score 2 · Accepted Answer

padding-topを使用できます: 要素の上部のパディング (スペース) を設定します

.nav .customTitle { padding:YYYpx; }

また

line-height : 行の高さを指定します

 .nav .customTitle { line-height:XXXpx; }

score 1 · Accepted Answer

<br/>スタイリングには絶対に使用しないでください！

使用できます

li.customTitle { line-height:...; }

また

li.customTitle { padding:...px; }

score 0 · Accepted Answer

styleタグ付けできます。そして、パディングを与えます....

<li class="customTitle"><span style="padding-top:10px">custome Title</span> </li>

必要に応じて高さを調整できます。...

6 に答える 6