1.ul中li整个横向居中显示问题
2015-01-15 15:13
399 查看
当li{float:left;},因脱离了文档流,而受到约束,因此无法整个li居中
所以能采用li{display:inline-block;}ul{text-align:center;} 但因为display:inline-block会产生空白间隙,所以还需调整
完整如下:
ul{
font-size:0;/*清楚所有空白字符*/
letter-spacing: -8px;/*根据不同字体字号或许需要做一定的调整*/
word-spacing: -8px;
}
li{
font-size:14px;/*重新设置li中的字体*/
display:inline-block;
*display:inline;
*zoom:1;
letter-spacing:normal;
word-spacing:normal;
}
所以能采用li{display:inline-block;}ul{text-align:center;} 但因为display:inline-block会产生空白间隙,所以还需调整
完整如下:
ul{
font-size:0;/*清楚所有空白字符*/
letter-spacing: -8px;/*根据不同字体字号或许需要做一定的调整*/
word-spacing: -8px;
}
li{
font-size:14px;/*重新设置li中的字体*/
display:inline-block;
*display:inline;
*zoom:1;
letter-spacing:normal;
word-spacing:normal;
}
相关文章推荐
- CSS制作横向菜单,如何让li元素在ul中居中?
- UL里的LI元素左浮动层一行显示时使其居中的方法
- 解决ul的li横向排列换行的问题
- ul 标签 li 居中显示
- 将ul+li 分两列显示(横向显示)的方法
- CSS 如何让li横向居中显示
- [笔记]ul>li>a做分布时, 让其居中显示效果
- 利用ul,li,span,position:relative实现文本的居中显示
- 关于ul中li横向排列时各自的margin问题解决
- li在ul中居中显示 并且可以为li设定宽度
- ul宽度不固定(或li数量不固定) 居中显示
- <ul><li></li></ul>之间的文字居中水平显示
- ul中li标签居中问题
- 将<div><ul><li>中的数据设置为无编号,横向显示并且居中显示在下方的样式,以及在打开新的页面。
- UL里的LI元素左浮动层一行显示时,使其居中
- 让ul中的li居中显示小技巧!
- CSS 如何让li横向居中显示
- CSS中ul li居中的问题
- HorizontalScrollView嵌套横向的LinearLayout,addView后 子view无法居中显示问题
- ul,li不能左右居中的问题