在css中的行之间的文本

 

这个问题在这里已经有了答案：

  • 用空格填充文本。 是否可以通过html和css？ 5个答案
  • CSS技术的水平线与中间19个答案的话

    • 注入— 使用CSS之前和之后的内容:before和:after选择器:after 。 您需要使用转义的unicode，如下所述： 

    li.sub-menu-item:before,  li.sub-menu-item:after {
    content: "2014"
}​

    看JSFiddle。 对于较短的行，您可以使用ndash。

    这是一个开始： 

    .sub-menu-item
{
    border-bottom:1px solid black;
    height:0.6em;
    width:200px;
    text-align:center;
    margin-bottom:1em;

}
.sub-menu-item > a
{
    text-decoration:none;
    background:white;
}

    http://jsfiddle.net/NpP5F/3/ （更新后可以使用多个项目）

    经过测试可在Firefox，IE和Chrome中使用。 现在请记住，这在一个小提琴独立工作。 可能需要进行一些调整才能使其在其他html元素和样式中工作等。无论如何，概念验证。 可以办到。

    你可以创建一个带有边框顶部和边框底部，行高为0的div，其中有一个跨度，具有定义的背景颜色： 

    <div class="test">
   <span>BLA BLA BLA </span>
</div>

    和CSS： 

    .test {
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #A1A1A1;
line-height: 0;
text-align: center; }

.test span { 
background-color: #BABABA;
padding: 0 10px; }
    链接地址: http://www.djcxy.com/p/88375.html

    上一篇: text between lines in css

    下一篇: How can I escape single or double quotation marks in CSS?