为了账号安全,请及时绑定邮箱和手机立即绑定

为什么<li>标签文本不在两条线中间?

height不是设置的是内容的高度吗?那文字内容为什么不居中呢?

正在回答

8 回答

不居中的,加 text-align:center;

1 回复 有任何疑惑可以回复我~
#1

慕用9345534 提问者

我是说垂直方向居中
2016-11-22 回复 有任何疑惑可以回复我~
#2

慕用9345534 提问者 回复 AaronWell

非常感谢!请问此处的line的高包括哪些东西?
2016-11-22 回复 有任何疑惑可以回复我~
#3

AaronWell 回复 慕用9345534 提问者

父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。(height: 该元素的高度,line-height: 顾名思义,行高(行间距),指在文本中,行与行之间的 基线间的距离 )。
2016-11-22 回复 有任何疑惑可以回复我~
查看1条回复

加一句 line-height:50px;

li{

    border-bottom:1px dotted #ccc;

    width:200px;height:50px;

    line-height: 50px;

}


0 回复 有任何疑惑可以回复我~

.Center-Container {  

  position: relative;  

}  

  

.Absolute-Center {  

  width: 50%;  

  height: 50%;  

  overflow: auto;  

  margin: auto;  

  position: absolute;  

  top: 0; left: 0; bottom: 0; right: 0;  

}  


或者你重新添加一个line-height的值于该标签的height一致

0 回复 有任何疑惑可以回复我~

实现垂直居中需要声明元素高度和CSS

试一下使内容居中显示于父容器。

0 回复 有任何疑惑可以回复我~
#1

慕用9345534 提问者

怎么写啊。
2016-11-22 回复 有任何疑惑可以回复我~

因为你设置了width和height,试试把<li></li>之间的文字再写多点看看效果

0 回复 有任何疑惑可以回复我~
#1

慕用9345534 提问者

我试了下,您的意思是内容会默认左上对齐吗?
2016-11-22 回复 有任何疑惑可以回复我~
#2

henlene 回复 慕用9345534 提问者

对,就是这样
2016-11-22 回复 有任何疑惑可以回复我~
#3

慕用9345534 提问者 回复 henlene

好的,谢谢,话说为什么一直输内容到最后会超过bottom那条线呢。。。
2016-11-22 回复 有任何疑惑可以回复我~
#4

henlene 回复 慕用9345534 提问者

内容的大小是由width和hight决定的。 如果文字过多,会限定width往下写,盒子大小不变,文字超出。
2016-11-22 回复 有任何疑惑可以回复我~
查看1条回复

居中有居中的代码 h1 {text-align:center;}           height内容高度不需要设置 可以设置字体大小、颜色、样式等

0 回复 有任何疑惑可以回复我~
#1

慕用9345534 提问者

我是说垂直方向居中
2016-11-22 回复 有任何疑惑可以回复我~

文本格式CSS调呀

0 回复 有任何疑惑可以回复我~

同问,求dalao解答

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么<li>标签文本不在两条线中间?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信