css - 如何修复列中的笨拙文本?

标签 css text

我最近一直在练习列,但我似乎无法正确处理它们。

enter image description here

这可能很容易修复,但我目前在 Web 开发方面非常糟糕。图片中突出显示的部分如果从第二列的顶部开始显然会更好看,我怎么才能把它撞过去?

我永远不知道要发布什么代码,所以请告诉我你需要看什么,我会尽快编辑它。

谢谢你的帮助!

最佳答案

段落上的 break-inside: avoid-column 应该可以解决问题,但浏览器支持不是很好。您也可以尝试 -webkit-column-break-inside:avoidpage-break-inside:avoid jsfiddle

关于css - 如何修复列中的笨拙文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25439986/

相关文章:

html - 我不小心放了一个额外的大括号

javascript - Highstock显示不一致

css - 有没有办法只使用 HTML5 和 CSS 创建像这样的多级列表?

c - 在C中打印比文本文件中单词的平均长度短的单词

animation - 如何在 React Native 中设置 fontWeight 动画

css - 如何在 Bootstrap 4 中使用 Sass 更改字体大小?

jquery - 在滑动页面元素上叠加图像背景

c - 使用fgets()和strtok()读取文本文件以分隔行中的字符串,从而产生不必要的行为

text - 显示文本时的 Unicode 字符顺序问题

Cocoa:插入点当前在哪个 NSTextView 中闪烁?