如何从无序列表项中删除缩进?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (58)

我想删除所有的缩进ul。我试着设置marginpaddingtext-indent0,却无济于事。似乎有设置text-indent为负数的办法 - 但这真的是唯一的方法来删除缩进?

提问于
用户回答回答于

2008所有浏览器

ul { padding-left: 1.2em; }

适用于IE 7及以下你必须使用边距左,而不是:

ul { margin-left: 1.2em; }

这个解决方案做了两件事:

  • 它左对齐,用普通的段落文本对齐点。
  • 它正确地缩进同一列表项中的多行文本。

1.2em的值并不适合所有浏览器(其中一些浏览器需要1.1),但它提供了最好的总体结果。

用户回答回答于

将列表样式和左边的填充设置为空。

ul {
    list-style:none;
    padding-left:0;
}​

jsFiddle的例子

为了保持项目符号,你可以用list-style:none;下面 list-style-position: inside的简写代替list-style: inside

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

jsFiddle的例子

所属标签

可能回答问题的人

  • 西风

    renzha.net · 站长 (已认证)

    7 粉丝1 提问12 回答
  • 四无君

    0 粉丝0 提问3 回答
  • HKC

    红客学院 · 创始人 (已认证)

    26 粉丝7 提问2 回答
  • o o

    2 粉丝490 提问2 回答

扫码关注云+社区

领取腾讯云代金券