用css实现文字跟两边的水平线垂直居中
发布网友
共2个回答
热心网友
方法很多：
1.最渣的方法：图片
2.第二渣的方法：3个标签：1）外框用来posotion:relative;2）文字有背景色；3）就是那条线，原理就是文字用定位浮起来然后加上背景色遮住线，造成这种效果；
3.我推荐的方法：
html:
<fieldset>
<legend align='center'>健康日志</legend>
</fieldset>
css:
fieldset{
border: none;
border-top: 1px solid #ccc;
}
html标签，兼容所有浏览器。。。谁用谁知道
热心网友
代码如下，自己测试写的，哪里不懂请追问
<style>
#div1{
width:400px;
height:200px;
margin:0 auto;
}
#div1 ul{
list-style:none;}
#div1 li{
float:left;
}
#div1 li.item1{
margin-left:5px;
margin-right:5px;}
#div1 li.split{
margin-top:10px;
height:1px;
width:30px;
background-color:#666;}
</style>
<body>
<div id="div1">
<ul>
<li class="split"></li>
<li class="item1"><a>健康日志</a></li>
<li class="split"></li>
</ul>
</div>
</body>
