2

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

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

看看这 6 张图片上的标题如何具有橙色背景色？现在看看第一行的右侧和第二行的左侧如何缺少填充？

是否可以在此处添加填充，以使背景不仅仅停留在单词的末尾/开头？

或者我应该告诉他们这是不可行的，他们将不得不忍受它？

4

5 回答 5

6

这里的问题是您不能在内容换行的单词结尾/开头填充，因此除非您将链接的显示类型更改为块样式类型，例如“块”或“内联-”，否则这是不可能的块”，但自然会有些影响外观。

您可以通过添加以下内容稍微进一步：

white-space: pre-wrap;

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

于 2013-02-22T12:32:51.690 回答
4 
.blog-grid .grid-block h2 a, #sidebar h2 a {
    /* other css properties */
    display: inline-block; /* or display: block */
}
于 2013-02-22T12:10:38.720 回答
1

在 CSS 中添加 text-indent 也可以

text-indent: 10px;
于 2014-12-13T09:08:23.380 回答
0

向“标题后倾斜”类添加一些代码-它可以回答您的标题。写也许padding-left:20px;或者如果它不起作用： margin-left:20px;

于 2013-02-22T12:06:06.800 回答
-2

你可以编辑代码吗？为每一行添加跨度应该可以工作 span class="line1" 和 span class="line2"

<a href="#">
  <span class="line1">a safe alternative to</span>
  <span class="line2">ritalin</span>
</a>
于 2013-02-22T12:05:57.997 回答