1

我有以下 html 作为我的布局页面的一部分:-

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

但标题位于页面顶部,如下所示:- 在此处输入图像描述

所以我
在标题文本之前添加了一个如下: -

<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 回答
2

永远不要使用<br/>'你可以使用填充或行高。

.customTitle
{
line-height:___px;
}

或者

.customTitle
{
padding-top:___px;
}
于 2013-11-11T11:43:46.020 回答
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 回答