Maison > interface Web > tutoriel HTML > css ul li 里面的文字定位问题_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:16:52
original
1658 Les gens l'ont consulté

css 懂一点点... 

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







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


回复讨论(解决方案)

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

padding 不是整体下移么?

你先去去看盒子模型

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


我试试看
Copier après la connexion

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal