Question

作为工作中的一项要求，我必须使用某人的样式表，而且我在尝试覆盖一种行为时遇到了麻烦。无序列表元素<li>的文本超过1行环绕到项目符号点下方的区域。这是引起该行为的CSS：

ul
{
  list-style: none;
  list-style-position: inside;
  padding: 0;    
}

li 
{
  list-style-type: disc;
  list-style-image: none;
  margin-left:0px;
  margin-bottom: 5px;
}

这是一个小提琴：http://jsfiddle.net/CP32B/1/

我需要覆盖哪个属性才能使文本像默认情况一样对齐？（默认行为示例：http://jsfiddle.net/B5jPH/）

Answer 1

list-style-position: inside;是导致该行为的属性，为了解决此问题，您需要使用outside

Demo

Answer 2

将padding:0与list-style-position: inside;一起使用会隐藏子弹。

您可以通过将子弹更改为以下

来保持对齐没有文字在其下方的项目符号

ul
{ 
 padding-left:10px;
}

JSFiddle

Answer 3

UL   {    list-style-position：outside！important;     padding-left：2em！important;
  }

！important将覆盖css

测试包裹在子弹下面

3 个答案: