Question

如何使李水平？我试过了

display：inline

display：float

但没有用。

<ul class="pagination" style="display:inline; text-align: center; margin:0;"><li style="display:inline; float: none;"><a href="view_customer_for_manager.php?page=<?php echo $b;?>" style="text-decoration:none; font-size:20px;"><?php echo $b;?></a></li></ul>

这是分页btw

Answer 1

li { display: inline; }

应该有效。也许您将ul设置为display:inline;

Answer 2

尝试使用inline-block元素，例如：

＆＃13;

ul {
  border: 1px dotted blue;
  text-align: center;
}
ul li {
  display: inline-block;
  border: 1px dotted gray;
}

＆＃13;

<ul>
  <li>Some content</li>
  <li>Some content</li>
  <li>Some content</li>
  <li>Some content</li>
</ul>

/* If you want the elements to be right next to each other, make sure
   to remove any whitespace between any two elements... */
<ul>
  <li>Some content</li><li>Some content</li><li>Some content</li><li>Some content</li>
</ul>

＆＃13;

Answer 3

display: float是错误的; float是它自己的样式属性，而不是display样式属性的有效值。通过阅读许多CSS指南，文档或备忘单中的任何内容都可以很容易地看出这一点，因此您的研究缺乏。

水平列表通常通过提供li标记

来浮动

float: left
display: inline-block

同时确保将包含ul设置为其默认display: block并且未浮动或绝对定位 - 或者如果是，请确保其具有能够容纳水平列表项的固定宽度。

使列表水平

3 个答案: