CSS - 向内联文本的第二行添加填充

我什至不确定这是否可能,但我认为这值得一问。

我试图解释是没有意义的,我对这类事情很垃圾,所以看看这个演示 - http://www.deanelliott.me/braintrain/

看到 6 张图片上的标题如何使用橙色背景色了吗?现在看看第一行的右侧和第二行的左侧如何缺少填充?

是否可以在此处添加填充,以便背景不会停在单词的末尾/开头?

或者我应该告诉他们这是不可行的,他们将不得不忍受吗?

最佳答案

这里的问题是您不能在内容换行的单词结束/开始处填充,因此除非您将链接的显示类型更改为 block 样式类型,否则这是不可能的,例如“ block ”或“内联 block ”,但自然会在一定程度上影响外观。

您可以通过添加:

white-space: pre-wrap;

.blog-grid .grid-block h2 a, #sidebar h2 a 规则;但这不是一个完整的解决方案(但这是我能想到的全部)。

https://stackoverflow.com/questions/15023812/

相关文章:

sql - Oracle 在 DBA_ROLES 上的选择权限

solr - 从 DocsAndPositionsEnum 检索所有术语位置

jquery - 谷歌地图,基于 Zoom 的比例圆

php - 通知 : unserialize() for symfony2 ( connection

performance - 如何减少此 Google Apps 脚本的执行时间?

sql - "column ambiguously defined"

memory - 了解mmap

google-apps-script - 在电子表格的 App 脚本中选择连续范围

sql - 如何将日期时间字段添加到 + 1 天

bash - 如何从 Bash 中的域获取主 MX IP