关于css里<；li>；内文字 竖直居中 ？

关于css里<；li>；内文字 竖直居中 ？

#dh-t li{ float:left; font-weight:bold; list-style:none; margin:5px 5px; padding-bottom:4px; width:100px; height:50px; border:1px solid #333333; background:#f5dede;}
给这行代码加上一个line-height:50px 就是垂直居中了
#dh-t li{ float:left; font-weight:bold; list-style:none; margin:5px 5px; padding-bottom:4px; width:100px; height:50px; border:1px solid #333333; background:#f5dede;line-height:50px}2011-07-13

1.首先，打开HTML编辑器并创建一个新的HTML文件，比如index。说明:html，用于填写代码的基本层次的问题。-

2.在index.html中的<style>标签中，将“.shoucang .sc_ul li”中的“height: 73px;”调整为：height: 73px;padding-top: 7px;。

3.最后，浏览器运行index.html页面，发现li标记中的文本垂直和水平居中。

扩展资料：
其他代码：
Thecodeisasfollows：

< style type = "text/CSS" >

．Shoucang｛

Width：58px；

Height：300px；

Float：correct；

Background－color：＃CCC；

Border：1pxentity＃999；

｝

．Shoucang．Sc＿ul｛

Width：21px；

Margin－right：car；

Margin－left：car；

Thelist－style－type：no；

Padding－top：20px；

Padding－right：0px；

Padding－bottom：0px；

Padding－left：0px；

Margin－top：0px；

Margin－bottom：0px；

｝

．Shoucang．Sc＿ulli｛

Thetext－align：center；

Vertical－align：intermediate；

Height：80px；

Width：21px；

Margin－bottom：9px；

Color：＃FFF．

Textmodification：no；

Thetext－align：center；

Vertical－align：intermediate；

Background－color：＃FF0000；

Fontsize：12px；

Border：1pxentity＃666；

｝

-->

> < / style

< / a >

The < body >

< div class = "shoucang" >

< ul class = "sc_ul" > < li > set as home < / li > < li > lee < / >

< li class = "no" > contact way lee < / a >

< / ul >
2020-04-28

vertical-align:middle在表格了才有作用
垂直居中的有两种办法。一是在设height值的时候使用line-height，二是没有height值时，使用padding-top和padding-bottom。2011-07-14

你想哪个垂直居中就在容器设个高度，然后再加上line-height：容器高度2011-07-13

在#dh-t li里加上：vertical-align:middle；如果是单行垂直居中设置 height:Xpx; line-height:Xpx;2011-07-15

加一个样式#dh-t li a{line-height:50px;}2011-07-28