当前位置：首页 - 正文

怎么用CSS把网页导航条文字居中?

发布网友发布时间：2022-04-06 12:47

共11个回答

热心网友时间：2022-04-06 14:16

文字居中用到css2.0中的text-align属性；
text-align属性是针对文字的对齐方式；
其中值包括：left(向左对齐) center（居中） right（右对齐） justify（两端对齐） inherit（默认对齐方式）
在这里我们将用到：text-align:center属性

热心网友时间：2022-04-06 15:34

在整个头部标签内加入text-align:center;
如果效果达不到要求，可以定义内边距-上 padding-top:XX px;或者外边距-上 margin-top:XX px;
这里的XX是像素大小px是单位不用改

热心网友时间：2022-04-06 17:09

将导航链接设置行高 line-height属性，属性值等于外面大盒子的高度即可！

希望能帮到你！

热心网友时间：2022-04-06 19:00

line-height: 50px;这里的50px用这个导航的内高度
<div style="width: 80px; height:50px; background: red; line-height:50px; text-align: center;">居中</div>

热心网友时间：2022-04-06 21:08

将导航链接设置行高 line-height属性，属性值等于外面大盒子的高度即可！

热心网友时间：2022-04-06 23:33

text-align:center是文本居中的设置，不过这个还得根据具体的情况而定，建议你把代码粘上来看看。

热心网友时间：2022-04-07 02:14

给样式加一个line-height属性，line-height的数字一般和height取值一样
这样可以达到垂直居中
给你做参考

热心网友时间：2022-04-07 05:12

文字没设行高，给个行高，把你实际需要的给，line-height:1.7em;

热心网友时间：2022-04-07 08:27

＃menu ul li｛line-height:36px;｝
增加一个行高的设置。

热心网友时间：2022-04-07 11:58

水平居中margin:0 auto;
垂直居中line-height:（div的高度）;

热心网友时间：2022-04-07 15:46

line-height

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com