Rumah  >  Artikel  >  hujung hadapan web  >  css ul li 里面的文字定位问题_html/css_WEB-ITnose

css ul li 里面的文字定位问题_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:16:521579semak imbas

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的高度相同就好了,各个浏览器都没有问题的。

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn