Question

我在Chrome中有缩进格式问题。我已将缩进设置为-14px，以便文本排成一行。这在Safari和Firefox Developer Edition中运行良好，但似乎在Chrome中不起作用。 Chrome正在检测类和缩进，但它需要-30px才能使文本正确排列。

请参阅手风琴中的“Rubriky”部分以供参考：

http://marianrehak.cz/dcd/reseller-magazine-online/

你有什么建议吗？

Answer 1

您需要将列表位置属性设置为外部。默认情况下，这将使用缩进将子项放在列表项左侧。所以list-style: outside;会解决这个问题。

＆＃13;

.mytest {
  list-style: square outside;
}

＆＃13;

<ul class="mytest">
  <li>bal 1</li>
  <li>bal 2 add her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrap</li>
  <li>bal 3</li>
  <li>bal 4</li>
  <li>bal 5</li>
  <li>bal 6</li>
  <li>bal 7</li>
  <li>bal 8</li>
  <li>bal 9</li>
  <li>bal 10</li>
  <li>bal 11</li>
</ul>

＆＃13;

CSS / Firefox和Chrome中的CSS不同

1 个答案: