blocks|key|197057|text|你能提供一个链接吗？谢谢，我可以看一下，很可能你的css选择器不够强大，或者你能试试吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197058|padding:0!important;|offset|length|style|CODE|197059|entityMap^0|0|0|K|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>Can you provide a link ?
thanks 
I can take a look 
Most likely your css selector isnt strong enough or can you try </p>

<p><code>padding:0!important;</code></p>


blocks|key|415215|text|删除填充：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|415216|padding-left:+0;|code-block|syntax|javascript|415217|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Remove the padding:</p>

<pre><code>padding-left: 0;
</code></pre>


blocks|key|197115|text|将列表样式和左侧填充设置为nothing。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197116|ul+{
++++list-style:+none;
++++padding-left:+0;
}​|code-block|syntax|javascript|197117|​|197118|ul+{
++list-style:+none;
++padding-left:+0;
}|197119|<ul>
++<li>a</li>
++<li>b</li>
++<li>c</li>
</ul>|197120|197121|要维护项目符号，可以将list-style:+none替换为list-style-position:+inside或速记list-style:+inside|offset|length|style|CODE|197122|ul+{
++list-style-position:+inside;
++padding-left:+0;
}|197123|197124|ul+{
++list-style-position:+inside;
++padding-left:+0;
}|197125|<ul>
++<li>a</li>
++<li>b</li>
++<li>c</li>
</ul>|197126|197127|entityMap^0|0|0|0|0|0|0|B|G|U|R|1O|I|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|18|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|19|8|@$P|1A|Q|1B|R|S]|$P|1C|Q|1D|R|S]|$P|1E|Q|1F|R|S]]|9|@]|A|$]]|$1|T|3|U|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|V|3|H|5|6|7|1H|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|Y|3|Z|5|D|7|1J|8|@]|9|@]|A|$E|F]]|$1|10|3|H|5|6|7|1K|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|12|$]]

<p>Set the list style and left padding to nothing.</p>

<pre class="lang-css prettyprint-override"><code>ul {
    list-style: none;
    padding-left: 0;
}​
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-css lang-css prettyprint-override"><code>ul {
  list-style: none;
  padding-left: 0;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
  &lt;li&gt;a&lt;/li&gt;
  &lt;li&gt;b&lt;/li&gt;
  &lt;li&gt;c&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>
</p>

<p>To maintain the bullets you can replace the <code>list-style: none</code> with  <code>list-style-position: inside</code> or the shorthand <code>list-style: inside</code>:</p>

<pre class="lang-css prettyprint-override"><code>ul {
  list-style-position: inside;
  padding-left: 0;
}
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-css lang-css prettyprint-override"><code>ul {
  list-style-position: inside;
  padding-left: 0;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
  &lt;li&gt;a&lt;/li&gt;
  &lt;li&gt;b&lt;/li&gt;
  &lt;li&gt;c&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>
</p>


blocks|key|415300|text|将这个添加到你的CSS中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|415301|ul+{+list-style-position:+inside;+}|code-block|syntax|javascript|415302|这将把li元素放在与其他段落和文本相同的缩进中。|415303|参考：http://www.w3schools.com/cssref/pr_list-style-position.asp|offset|length|415304|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/cssref/pr_list-style-position.asp^0|0|0|0|3|1M|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>Add this to your CSS:</p>

<pre><code>ul { list-style-position: inside; }
</code></pre>

<p>This will place the li elements in the same indent as other paragraphs and text.</p>

<p>Ref: <a href="http://www.w3schools.com/cssref/pr_list-style-position.asp" rel="noreferrer">http://www.w3schools.com/cssref/pr_list-style-position.asp</a></p>


blocks|key|197180|text|我在尝试划分页脚时也遇到了同样的问题。我发现，通过尝试上面几个建议的组合，这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197181|footer+div+ul+{
++++list-style-position:+inside;
++++padding-left:+0;
}|code-block|syntax|javascript|197182|这似乎将它保持在我的h1下的左侧，并且在div内部的项目符号，而不是在外部的左侧。|197183|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I have the same problem with a footer I'm trying to divide up. I found that this worked for me by trying few of above suggestions combined:</p>

<pre><code>footer div ul {
    list-style-position: inside;
    padding-left: 0;
}
</code></pre>

<p>This seems to keep it to the left under my h1 and the bullet points inside the div rather than outside to the left.</p>


blocks|key|197208|text|display:table-row;也会去掉缩进，但会去掉项目符号。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|197209|entityMap^0|0|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p><code>display:table-row;</code> will also get rid of the indentation but will remove the bullets.</p>


blocks|key|197230|text|执行内联操作时，我将边距设置为0+(ul+style="+margin+:0px")。项目符号与段落对齐，没有悬垂。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197231|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Doing this inline, I set the margin to 0 (ul style=&quot;margin:0px&quot;). The bullets align with paragraph with no overhang.</p>


<p>I want to remove all indentation from <code>ul</code>. I tried setting <code>margin</code>, <code>padding</code>, <code>text-indent</code> to <code>0</code>, but no avail. Seems that setting <code>text-indent</code> to a negative number does the trick - but is that really the only way to remove the indentation?</p>


How to remove indentation from an unordered list item?

我想从ul中删除所有的缩进。我尝试将margin、padding、text-indent设置为0，但没有效果。似乎将text-indent设置为负数确实有效-但这真的是移除缩进的唯一方法吗？

问如何从无序列表项中移除缩进？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从无序列表项中移除缩进？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从无序列表项中移除缩进？
EN