由“回车换行”引起的“空格”

最新推荐文章于 2023-03-04 11:26:55 发布

cxmove

最新推荐文章于 2023-03-04 11:26:55 发布

阅读量729

点赞数

分类专栏： CSS1 文章标签：腾讯 float class 输入法 div

本文链接：https://blog.csdn.net/cxmove/article/details/6438693

版权

CSS1 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

仿http://player.qq.com/ 发现的问题：由“回车换行”引起的“空格”；（"·" 把输入法调到中文 “SHIFT+2"就可以打出来）

我只能按下面的方式写出来，才能让"·"居中。

<div class="top_link">
<div class="top_link_con">
    <ul>
    <li><a href="#">网站首页</a></li>
    <li><span>·</span><a href="#">腾讯研究院</a></li>
    <li><span>·</span><a href="#">腾讯网</a></li>
    <li><span>·</span><a href="#">腾讯QQ</a></li>
    <li><span>·</span><a href="#">腾讯客服</a></li>
    </ul>
</div>
</div>

而下面这种，会产生空格，不能让"·"居中

    <ul>
    <li>
        <a href="#">网站首页</a>
    </li>
    <li>
        <span>·</span>
        <a href="#">腾讯研究院</a>
    </li>
    <li>
        <span>·</span>
        <a href="#">腾讯网</a>
    </li>
    <li>
        <span>·</span>
        <a href="#">腾讯QQ</a>
    </li>
    <li>
        <span>·</span>
        <a href="#">腾讯客服</a>
    </li>
    </ul>

css样式：

ol,ul,li{
    list-style:none outside none;
}
.top_link{
    background:#f8f8f8;
    border-bottom:1px solid #e6e6e6;
    height:22px;
    line-height:22px;
}
.top_link_con{
    width:910px;
    margin:0 auto;
}
.top_link ul{
    float:right;
}
.top_link ul li{
    float:left;
}
.top_link ul li a{
    padding:0 4px;
    color:#738197;
    text-decoration:none;
}
.top_link ul li span{
    color:#738197;
    font-family:"宋体",Tohoma；
}