1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和设置ul的标签样式的大小
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和设置ul的标签样式的大小相关的知识,希望对你有一定的参考价值。
li的圆点,有时在IE6和IE8之间预览效大小不同,如何使ul的标签“·”的大小在以上不同的浏览器中效果一样。是要分别给UL或者他父级不同的css定义?请高手指点,谢谢!
1、在ul样式中设置文本居左对齐。
ul
padding:0;
margin:0;
text-align: left;
list-style-type: none;
2、标签大小不同,可以用自定义的背景图片代替标签样式。
ul li
background-image:url(sqpurple.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
扩展资料:
控制ul下具体的li:
1、ul li:first-child
第一个li
2、ul li:last-child
最后一个li
3、ul li:nth-child(4)
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1)background:red;
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd)background:red;
奇数的li
6、ul li:nth-child(even)background:red;
偶数的li
ul,li margin:0px;padding:0px;
至于li的样式,可以先将ul的样式给去除了,也可以将“·”直接放在li里面,如下:<li>·<a href="#">jdljoueoulgjl</a></li>本回答被提问者采纳 参考技术B LI的原点效果不同可以通过设置list-style来更换其他的标识,至于你说的兼容不同浏览器的方法,可以用CSS HACK解决,首先要了解常用浏览器有FF,IE6,7,8,Google Chrome。 世界之窗,360,遨游,TT什么的都是IE的内核,所以只要考虑前几个就好了
简单的几个HACK IE6在样式前加* IE7加_等等,可以百度一下CSS HACK
当然了 如果布局设计合理的话 其实无需任何HACK也能照顾到所有浏览器 参考技术C 这个很简单的,你要定义,是都要定义CSS的,让他们左对齐是要浮动的,这个讲不好讲,你需要的话,留下QQ,我给你个例子你自己看那样更容易懂 参考技术D 圆点的问题 :设置背景
以上是关于1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和设置ul的标签样式的大小的主要内容,如果未能解决你的问题,请参考以下文章