今天小编跟大家讲解下有关CSS控制文字在一条线中间的方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS控制文字在一条线中间的方法 的相关资料，希望小伙伴们看了有所帮助。
本文实例讲述了CSS控制文字在一条线中间的方法。分享给大家供大家参考。具体分析如下：
这里用CSS控制文字显示在一条线的中间，常见于网站首页的各个版块导航处，给人的感觉是结构更清淅，这是一段实现这种功能的CSS代码，举一返三，你可以把它用到其它地方。
复制代码代码如下:<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><title>CSS控制文字在一条线的中间</title><style type="text/css">* { font-size:12px; margin:0; padding:0; } fieldset { padding:10px; margin:10px; width:270px; color:#333; border:#06c dashed 1px;} legend { color:#06c; font-weight:800; background:#fff;} ul { list-style-type: none; margin:8px 0 4px 0;} li { margin-top:4px;}</style></head><body><fieldset> <legend>网页特效</legend> <ul> <li><a href="https://www.aidi.net.cn/article/385.shtml"target="_blank">DIV+CSS导航条</a></li><li><a href="https://www.aidi.net.cn/article/383.shtml"target="_blank">js判断复选框是否选中及选中个数</a></li><li><a href="https://www.aidi.net.cn/article/381.shtml"target="_blank">纯CSS圆角边框</a></li><li><a href="https://www.aidi.net.cn/article/377.shtml"target="_blank">Javascript、VBscript弹出确认提示框</a></li> </ul> </fieldset></body></html>
希望本文所述对大家的div+css网页设计有所帮助。
来源：爱蒂网
