html - 如何显示列表全宽

Question

我有一个显示列表的应用程序 <ul>和 <li>喜欢in this example .

如何更改其样式，使标签不被包裹(如 HH Pruebas Funcionales)并且所有数字对齐？

Answer 1

尝试在 li 标签上使用 style="white-space: nowrap;"。请参见下面的示例。

<div style="border:1px solid red;width:25%;margin:0px auto">
  <div style="float:left;width:55%;">
    <ul>
        <li style="style=white-space:nowrap;">HH Preubas Functionales</li>
        <li style="style=white-space:nowrap;">HH Preubas Functionales</li>
        <li style="style=white-space:nowrap;">HH Preubas Functionales</li>
    </ul>
  </div>
  <div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
  </div>
</div>

希望这对您有所帮助。