html - 垂直排列环绕的文本

标签 html css whitespace word-wrap

<分区>

我想开始水平排列的 li 文本，现在它向上。请看我的例子

HTML

  <ul>
  <li>Long text goes here.</li>
  <li>Another Longer Text Goes Here</li>
  <li>Shorter text</li>
  </ul>

CSS

ul {width:150px;}
li {width:30%; display:inline-block;whitespace:pre-line;}

http://jsfiddle.net/wbu9ksco/

谢谢。

最佳答案

使用垂直对齐:

li {
   vertical-align: text-top;
}

Updated fiddle

关于html - 垂直排列环绕的文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25640236/

上一篇：c# - 如何在段落中包含从文本区域获取的换行符？

下一篇：javascript - 替换每第 n 个类名并借助 jQuery 替换它

相关文章：

javascript - 为什么 setColWidth 在 Jqgrid 上不起作用？

html - 蓝图 HTML 列问题

javascript - 如果存在值(value)，就这样做。未定义与空？

html - 图像位于无序列表项旁边的问题

c - 如何使用 strtok 打印二进制数？

javascript - Angular JS 下拉列表。从弹出窗口中选择一个值应该更新下拉列表的值

css - SCSS 符号使用错误

jquery - 需要通过 jquery 显示无序列表的父项和兄弟项

oracle - 使用PL/SQL Developer插入时出现问题

shell - 用空格替换制表符以保持 n 空间对齐

©2024 IT工具网  联系我们