这里总结了五种关于
文字
两边添
加
横线
的
方法
。欢迎补充！最近的项目的设计经常用到
文字
两边添
加
横线
的
方法
,这样看上去简洁明了,当然实现的
方法
也五花八门.暂且不说哪种
方法
好，邓爷爷说过不管黑猫白猫抓到老鼠就是好猫.详细说明在现代浏览器中浏览,全部可以正常显示.*第一种情况:是用的标签类名最为多的一个,而实际上会用到这样去写的很少,而且随着伪类的出现,实现起来更
加
方便,但这个的兼容性好啊...优: 兼容性强...
<div class="title"> <h2 class="title-text"><span>工作经历</span></h2> </div>
.title-text span { display: block; /*设置为块级元素会独占一行形成上下居中的效果*/ ...
1. vertical-align属性实现效果：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。中间
文字
，两边
横线
.header{width:400px;height:36px;line-height:36px;border:1px solid green;text-align:center;}.li...
&amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;a
作为优秀的java程序员,扎实(la ji )前端水平是我工作的基础 , 所以今天记录一下怎么用
css
画一条
横线
/竖线出来 , 以此为笔记, 将来不需要去翻阅别人的代码
废话不多说 笔记开始
#
CSS
代码
/*中间的过度的
横线
*/
.link-top {
width: 50%;
height: 1px;
body{background: #f0f0f0}
.con{position:relative;height:1.875rem;line-height: 1.875rem;margin:2.47rem auto;te
本文介绍了
css
实现
文字
居中两边
横线
效果的示例代码，分享给大家，具体笔记如下：效果：content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">Document.title{text-align: center;position: relativ...
学习是一个长期积累的过程，积累的多了也就有经验了，有能力了；无论再忙也要坚持学习，继续我的学习！实现的效果图：我们能够看到，
文字
的两边出现了一小节
横线
；实现思路： 第一步：先实现一个外层的 div ，即图中的长方形部分，这个的作用是便于将
文字
部分放置在想要放置的地方； 第二步：在上面的div中再写一个 <div> 放置
文字
，或者用一个 <p> 来实现也是好的 ;...
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content=&
ul{ margin:0; padding:0; list-style-type:none;}
#nav{font-size:12px;padding-bottom:15px;}
#nav li{width:100%; height:30px;}
#nav .item1{width:100%; border-bottom:1px solid #6c6;margin-bottom:-1
