当前位置:Gxlcms > html代码 > cssulli里面的文字定位问题_html/css_WEB-ITnose

cssulli里面的文字定位问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:37人阅读

css 懂一点点...

大家帮忙看看怎么设置ul li 里面文字的定位







上图是要修改的样式。下图是我自己的,帮忙看看怎么定位到上图的位置?


回复讨论(解决方案)

li里面设置padding-left然后设置了多少,width就减少多少

padding 不是整体下移么?

你先去去看盒子模型

padding就是内间距 上下左右都可以设
比如 padding: 1px 2px 3px 4px; 分别对应上、右、下、左的边距。
你也可以通过padding-left:1px; padding-top:2px;之类的单独进行设置


我试试看

如果是像你图片上的这种只是显示文字内容的话,我会选择给li加上:text-indent:20px;

噢,没看到纵向也不居中,那就再加上line-height:30px;,这个值一般设为和li的高度相同就好了,各个浏览器都没有问题的。

人气教程排行