项目符号图像必须在文本的右侧。现在,默认情况下,它显示在页面的左侧。我该如何更改?
我有这个CSS:
.landingpage ul{
list-style:none;
margin:0 0 1em 15px;
padding: 0;
list-style-position: inside;
}
.landingpage ul li{
line-height:1.3em;
margin: .25em 0;
padding: 0 0 0 15px;
background:url(../images/star.png) no-repeat 0 4px;
list-style-type: none;
}
.landingpage li ul{
margin:0 0 0 30px;
list-style:disc;
}
.landingpage li ul li{
padding-right:0;
background:none;
}
/* Holly Hack to fix ie6 li bg */
/* Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */
@media print{
.landingpage ul {
list-style:disc;
margin-right:30px;
}
.landingpage ul li {
padding-right:0px;
background:none;
}
}
这是我的HTML:
<div class="landingpage">
<ul >
<li>מפחד מהמלחמה</li>
</div>
</ul>
您没有要点的原因是因为 list-style: none;
删除list-style: none;
从.landingpage ul
,如果你想,你可以添加direction: rtl;
有名单出现在屏幕代替左手的右侧。
.landingpage ul{
margin:0 0 1em 15px;
padding: 0;
list-style-position: inside;
/* direction: rtl; */
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句