css布局，li内的文字变成竖向的了，怎么解决？

发布网友发布时间：2022-04-20 04:56

我来回答

共5个回答

热心网友时间：2023-08-31 20:51

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 >

热心网友时间：2023-08-31 20:52

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

热心网友时间：2023-08-31 20:52

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

热心网友时间：2023-08-31 20:53

#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}

热心网友时间：2023-08-31 20:53

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

首页

文章

css布局，li内的文字变成竖向的了，怎么解决？