html - 如何在 html 列表中允许额外的空格

标签 html css

<分区>

我想在列表项中有额外的空格,但浏览器在呈现时将它们移除。

<ul>
  <li>Row    1</li>
  <li>Row    2</li>
</ul>

我希望呈现的列表为每个元素保留额外的空间。

最佳答案

你可以在你的 li 元素上设置 white-space: pre

li { white-space: pre}

参见 https://developer.mozilla.org/en/docs/Web/CSS/white-space有关空白的更多信息。

关于html - 如何在 html 列表中允许额外的空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45820445/

上一篇:javascript - Javascript条件语句问题

下一篇:css - Angular2 md-select 选择选项后删除箭头

相关文章:

css - 将子 div 的高度设置为 parent 高度 - sibling 高度

显示和隐藏 div 的 javascript 函数

HTML5 Canvas 没有响应

javascript - 使 DIV 覆盖整个页面,但不使用 CSS 位置

html - 在 HTML/CSS 中单击时如何删除目标中的样式

javascript - 事件触发后获取 jquery 元素的索引

javascript - 如何自定义 emmet 以生成像 html 这样的动态 javascript 代码

css - 在 wordpress 中,我试图修改搜索按钮的 CSS,但更改未生效

javascript - 获取 'px' 中的大小而不是百分比

html - Bootstrap 工具提示数据切换