css中怎么样将文字放在一条横线中间

html-css0106

css中怎么样将文字放在一条横线中间,第1张

预览: <div class="sigma-content">

    <div class="sigma-middle-line">

        <span class="sigma-line-text">Sigma 的中横线</span>

    </div>

</div> .sigma-content{

    margin: 50px

    text-align: center

    background-color: #fff

}

.sigma-middle-line:before{

    content: ''

    display: block

    height: 1px

    width: 100%

    background-color: #999/*颜色需与主题大背景色一致*/ 

    position: relative

    top: 10px/*调节线高*/

    left: 0

}

.sigma-line-text{

    display: inline-block

    background: #fff

    padding: 0 18px 0 18px

    position: relative

    font-size: 14px

    font-weight: 500

}

<style type="text/css" media="screen">.line_m{text-decoration:line-through} </style><span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>需要多长就多加一个(空格)。CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 它的作用可以达到:(1)在几乎所有的浏览器上都可以使用。(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。(4)你可以轻松地控制页面的布局 。(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。