是否有一种方法,仅使用css,排列多行元素(以及我的示例中的锚点),以便"before"位和"anchor"位并排出现,就好像在网格中一样.
即
> i am a test link
which goes over
multiple lines
与此结果相反(希望将其展示在之前的内容之下).
a::before {
content: ">";
padding-right: 20px;
}
div {
width: 150px;
}
display:table/table-cell 很好地工作.
a::before {
content: ">";
padding-right: 20px;
}
div {
width: 150px;
margin: 1em;
border: 1px solid grey;
}
/* relevant stuff */
a {
display: table;
text-decoration: none;
}
a::before {
display: table-cell;
vertical-align: middle;
}
京公网安备 11010802040832号 | 京ICP备19059560号-6 