HTML列表垂直对齐？

HTML列表子弹跳到第二行时，它的线刹车

例如：

<ul>
    <li>First list</li>
    <li>Second list continue to second line.</li>
</ul>

第一名单
第二个列表继续到第二行

• 第一名单
  第二个列表继续显示

• 第二行

如何使用CSS生成要显示的第二个列表项目符号

---

注意：这仅在空间不足时发生。例如，当我在我的iPhone上看到这个时，它是这样的。但是在我的电脑上看起来很正常。

从我收集的你的问题来看。。。您希望在该列表中显示另一个“缩进”无序/有序列表。。。不使用换行符或CSS，您可以这样做

<ul>
   <li>This is an item within the parent List.
      <ul>
         <li>This is a child list item, and the beginning of a new list.</li>
      </ul>
   </li>
   <li>This is the second item within the parent list</li>
 </ul>

这是父列表中的项目。

这是一个子列表项，是新列表的开始


这是父列表中的第二项

---

这应该有帮助！：）

如果你只关心iPhone或WebKit，请将你的li设置为溢出：省略号；firefox nightlies可能支持它，但我知道ff已经有一段时间没有了

如果可以添加一些额外的标记，那么最好尝试使用垂直对齐属性

<ul>
    <li><em></em><span>First list</span></li>
    <li><em></em><span>Second list continue to second line.</span></li>
</ul>

---

预览：

也许我的问题不太清楚，现在发生的是根据屏幕大小自动包装，而不是实际的线刹车。因为第二行显示了自动包装的

子弹@硬编码：应用显示：块；列表项和子列表项的CSS属性，如下所示。ul li{display:block；}ul li ul{display:block；}ul li ul li{display:block；}因为我是个白痴；这是文本溢出：省略号ref：嗯，尝试过文本溢出，但仍然有相同的问题。伙计，你有没有看那个链接？文本溢出：很长一段时间以来，WebKit一直支持省略号。这里是JSFIDLE中的一个演示。我想你不明白我的问题。看看Wex的回答，他解决了。我需要显示项目符号，我不想隐藏溢出的文本。谢谢你的支持！

li em { 
    height: 100%;
    vertical-align: middle;
    display: inline-block; }
li span {
    vertical-align: middle;
    display: inline-block; }