CSS⽂字两边添加横线的⼏种⽅法
卫莱github地址：words-line
这⾥总结了五种关于⽂字两边添加横线的⽅法。
欢迎补充！
最近的项⽬的设计经常⽤到⽂字两边添加横线的⽅法，这样看上去简洁明了，当然实现的⽅法也五花⼋门.
暂且不说哪种⽅法好，邓爷爷说过不管⿊猫⽩猫抓到⽼⿏就是好猫.
详细说明
在现代浏览器中浏览，全部可以正常显⽰.
*第⼀种情况:
是⽤的标签类名最为多的⼀个,⽽实际上会⽤到这样去写的很少,⽽且随着伪类的出现，实现起来更加⽅便，但这个的兼容性好啊...
报考会计从业资格证的条件
优: 兼容性强
弊: 繁琐
*第⼆种情况:
实际上使⽤:before 跟 :after 伪类写成的，左右⽐例可以⾃由调节.但头痛的是IE7⼀下⽤不了T T
优: 灵活性⾼
弊: 兼容性弱
*第三种情况:
这是两个特别冷门的标签 fieldset legend 在W3C⾥⾯解释说林丹和谢杏芳
薇娅老公fieldset：组合表单中的相关元素
农历三月三日是什么节日legend为 fieldset 元素定义标题（caption）.
冬瓜炒虾仁
据我了解：这两货是HTML4的产物,⽽在H5之后添加了3个新的属性. 所以这两货兼容性也不差 [说错的
地⽅希望指正] 但是在例⼦当中, 它们对text-align:center特别不友好, 所以我在IE8- FF Safari Chrome 单独做了hack
优: 兼容性好啊 贤⼼的layer说明⽂档页⾯就有⽤这个
弊: ---
第四种情况:
...这个可以不说明，就是请求的时候要多⼀张图⽚，建议图⽚做长⼀些.压缩⼀下. 我这⾥⽤了10001的尺⼨，原图957B，压缩之后107B
优: ⾃⼰衡量
弊: ----
*第五种情况:
其实也是使⽤伪类去写的，只不过相⽐第⼆种少了⼀个伪类
优: ⾃⼰衡量
弊: IE7下看不到横线了
*第六种情况:
使⽤:before :after写的 优: ⾃适应性很好
弊: 兼容性不好，⽤到flex transform css3写法
如果需要字数限制，可以在a标签加上