html - 使内联 block 列表跨越 2 行而不使用 <BR> 或将其部分包装在 Div 中

标签 html css

我有一个由插件生成的菜单,我需要它跨越 2 行而不是像这样的 1 行:

示例:

Example

我不能:

  • 我无法包装某些 li在一个 div/span 中
  • 我无法添加 <br>我需要休息的地方

我试过了:

  • 我尝试使用 display: block 将伪元素添加到“Happy”中创建一个换行符,但无法让它按我预期的方式工作

jsFiddle: http://jsfiddle.net/3xy405oj/

最佳答案

使用内容:“\A”; white-space: pre;after 伪元素上可能对你有帮助

JSFiddle

关于html - 使内联 block 列表跨越 2 行而不使用 <BR> 或将其部分包装在 Div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34201695/

相关文章:

html - flex 无法通过 Epiphany 获取子项的高度为 flex 项的高度

javascript - 无响应的按钮

javascript - 图像 100% 的 div

html - 在html中选择多个div

jquery - JSF 2 模态面板

html - 获取列表类并通过 Unicode 将其更改为任何语言

html - 为什么在浏览器中缩放时只有字体大小增加?

javascript - 计算 HTML 列表中显示元素的数量

javascript - 选择下拉滚动样式

jquery - Fancybox 高度问题 - 没有覆盖整个长页面(z-indexes 很好)