如何在不使用<br/>或“display：block”的情况下给锚点换行

Question

我使用wordpress制作网站。我想＆＃34;阅读更多＆＃34;按钮位于第二行而不使用br或"display:block"。

Answer 1

您可以添加具有before属性的伪white-space: pre元素。那就行了。

a:before {
    content: '\A';
    white-space: pre;
}

teste <a href="#">anchor</a>

Answer 2

一个选项是在<a>元素的内容之前创建块级伪元素。

<强> Example Here

a.readmore:before {
  content: "";
  display: block;
}

另一种选择是添加line break before the content，如下所示：

Updated Example

a.readmore:before {
  content: "\A";
  white-space: pre-wrap; /* or pre */
}