1

レイアウト ページの一部として次の 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/>です。私のレイアウト要件を達成するために従う正しいアプローチはありますか?

タナクス

4

6 に答える 6

4

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

于 2013-11-11T11:22:39.120 に答える
3

これを試して、

.customTitle
{
line-height:(somevalue)px;
}
于 2013-11-11T11:25:48.597 に答える
2

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

.nav .customTitle { padding:YYYpx; }

また

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

 .nav .customTitle { line-height:XXXpx; }
于 2013-11-11T11:32:44.330 に答える
1

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

使用できます

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

また

li.customTitle { padding:...px; }
于 2013-11-11T11:24:01.393 に答える
0

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

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

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

于 2013-11-11T11:26:41.910 に答える