Question

html中如何实现下面的这种分割线效果？（图）求大神解答~~

这种，是用的分割线么？如果是分割线怎么再中间插入文字的？如果是两天分割线怎么让他们在一条直线上的？如果用的float是怎么让他居中的？

Answer 1

这个应该不是分割线。

如果是两条分割线，设置属性display:inline-block.
例子：
<div style=" width:100%; text-align:center"> //设置居中
<hr style=" width:20%; display:inline-block" /> 中间插入的文字 <hr style=" width:20%; display:inline-block" />
</div>

Answer 2

div设置一个直线背景图片，文字居中，内部一个span，背景白色，加点内边距。

或者
一个大div相对定位，内两个div，一个2px高设背景为线条颜色，一个设置最小宽度背景白色绝对定位

Answer 3

这种的还是用个图片好，做个背景透明的就行了

用CSS也可以，不过要用到定位，很容易出现问题，还不如直接用个图片呢

Answer 4

最基本的：<hr width=300 size=1 color=#5151A2 align=center noshade>
可以给hr 加用width长度的 然后左右浮动

追问

浮动是用float么？是的话那不是就没有居中效果了么？