标准 大 超大巨大
温馨提示:该条问答的文字/图片中可能存在风险信息,请注意识别,谨防上当受骗!
di号课v下ul如何垂直居中

用户头像zhb6916

2013-06-03

如图 显示的文字只水平居中了 是置顶的效果 怎么实现水平居中的情况下同时垂直居中 #muen_right_one_main { width:962px; height:36px; margin-top:6px; text-align:center; } #muen_right_one_main ul { /* 消除 ul 上部产生的空白 */ padding:0px; margin:0px; overflow:hidden; /* 清除列表样式 */ list-style:none; margin:auto; } #muen_right_one_main ul li { display:inline; padding:0px; } <div id="muen_right_one_main"> <ul id="nav"> <li><a href="#">首 页</a></li> <li></li> <li><a href="#">企业简介</a></li> <li></li> <li><a href="#">新闻中心</a></li> <li></li> <li><a href="#">产品中心</a></li> <li></li> <li><a href="#">人力资源</a></li> <li></li> <li><a href="#">联系我们</a></li> </ul> </div>

满意答案

puler333482
LV12
2013-06-03

步骤如下:

1、先找到对应ul使用的样式类。如该ul使用名字叫“s形降权已福务居还误铁罗hou”的样式。

2、打开css文件,会发现只有shou li样式,直接作用在了li上,没有u为脸备游语酸l样式。

3、添加一段直接作用在ul上的样式。mag绝般织何六in-top:6px代表ul离来自div最上面的距离已经设定死了。这是最直接的垂直高度设置的方式。magin代表ul边框和div之间的空隙。

4、如果文件中已存在对ul样式的定义。那就直接修香讨判居甚夫改。看看是否有magin top这个属性。

5、注意ul中的li样式必须要有float:left or right这样的属性定义,不然排版不会整齐的排成一行。会成纵列。

6、如果想要div中的ul保持垂直方向上的居中,是利怀对ul样式magin需要定义,而不是l360问答i。

10

您可能感兴趣的内容

相关问题

查看更多相关问题