html - 如何使“谁”后面的行在 CSS 中消失？

Question

用代码最容易解释这一点：http: //jsfiddle.net/fjZfL/37/

我希望它像

谁 - - - - - - - -

哪里的线完全“消失”在谁的身后。

我知道我可以让 h3 有一个白色背景让它消失，但是我的网站有一个背景图像，如果它在后面再次复制它会看起来不一致。

您绝对可以更改标记，但希望不要太多。

score 6 · Accepted Answer

您可以尝试添加一个伪元素 - http://jsfiddle.net/ZZbce/

h3:after {
    content: ''; 
    width: 150px;
    height: 1px; 
    background: black;
    display: inline-block; 
    vertical-align: middle;   
}

score 1 · Accepted Answer

1

这将适用于所有浏览器

于 2012-08-31T03:43:14.243 回答

2 回答 2