css - 使文本适合特定行数,可变宽度

标签 css

我的页面显示了一组新闻条目,每个条目都有一个标题。标题可以是可变数量的单词,但我希望它们始终位于两行上,宽度尽可能平衡。例如:

Announcing Bosun, our new open
source monitoring & alerting system

Stack Exchange for
the iPad is here

A
headline

显然我可以加入 <br>元素在正确的断点处,我什至可以尝试自动计算它的位置,但是有没有任何 CSS 可以为我做这个?让它在响应式布局中工作会很好。我并不特别关心浏览器兼容性,所以引用即将实现我想要的规范的答案也会被接受。

最佳答案

所以目前在 CSS 中没有办法做到这一点,但是 CSS4 Text 刚刚将 text-wrap: balance 添加到规范草案中,这正是我的问题所要求的。我将把这个作为支持它的光荣 future 的答案。

http://dev.w3.org/csswg/css-text-4/#text-wrap

关于css - 使文本适合特定行数,可变宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26932508/

相关文章:

javascript - 尝试使用 onload 从 iframe 中删除/移除 div

html - 如何将 CSS 设置只设置到外部表的 td 而不是内部表?

javascript - 防止嵌入的第三方 CSS 在没有 iframe 的情况下泄露给父级

php - 如何从CSS文件生成文档?

javascript - 工具提示不会在鼠标移出时消失

javascript - 禁用下拉菜单的 <a> 父链接

css - 居中 v-toolbar-title

css - 响应式对齐、 float 和居中图像

html - Bootstrap 3,下拉问题

css - 设置 vaadin 表高度以适合内容