【CSS】UL之list间距如何设定_html/css_WEB-ITnose

php中文网
发布: 2016-06-21 09:40:36
原创
2286人浏览过

本帖最后由 jwf007 于 2012-12-29 09:49:25 编辑

list之间的间距在火狐和谷歌里面会隔行显示。IE6却是存在2px的间距
代码如下:
<style>ul{list-style:none;margin:0;padding:0;}</style><div><p><ul><li>&middot;务实创新以务实创新精神理念,服务用户,追求精品;</li><li>&middot;成人达已为用户提供高品质的服务,最大限度地满足用户的需求,携手共创“双赢”</li><li>&middot;成就用户价值观只让用户满意是不够的,不间断追求,不间断服务,真诚会客忠诚待客方能与客成为永久的合作伙伴。</li></ul></p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/776">
                            <img src="https://img.php.cn/upload/ai_manual/001/503/042/68b6da605540c641.png" alt="Symanto Text Insights">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/776">Symanto Text Insights</a>
                            <p>基于心理语言学分析的数据分析和用户洞察</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Symanto Text Insights">
                                <span>84</span>
                            </div>
                        </div>
                        <a href="/ai/776" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Symanto Text Insights">
                        </a>
                    </div>
                </div>
登录后复制

谷歌:

IE6:

火狐:

回复讨论(解决方案)

ie6下面 的 ul  有个 bug,应该这样设置:ul{margin:0;padding:0;list-style-type:none; }
ul li{display:inline}

同时设置行高。

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号