换行符引发的margin问题
来源:互联网 发布:管家婆备份数据库布 编辑:程序博客网 时间:2024/05/22 00:21
如下HTML代码:
<ul> <li>12345</li> <li>12345</li> <li>12345</li> <li>12345</li> <li>12345</li> </ul>
则将li设置属性display:inline-block后,li之间会有一些间隙,Chrome下为6px ,为消除这些间隙,可以采用以下方式:
- 暴力将回车删除
- 采用负margin
- 设置ul的font-size为0后,重新设置li的font-size
- 将HTML写成下面的格式:
<ul> <li>12345</li><li> 12345</li><li> 12345</li><li> 12345</li><li> 12345</li> </ul>
- 不写li的闭合标签,浏览器会自动加上,并没有回车。
阅读全文
0 0
- 换行符引发的margin问题
- 换行符引发的血案
- 解决span自动换行以及样式margin的问题
- 一个换行符引发的思考!
- 一个换行符引发的“血案”
- css盒模型(由问题第一个子元素设置margin-top不起作用引发的新发现)
- margin的问题
- margin折叠的问题
- body的margin问题。
- margin重叠的问题
- margin-top的问题。
- XML换行符的问题
- 可自动换行的RadioGroupEx,支持RadioButton设置margin
- 编程小技巧:利用margin 负数, 形成换行的效果
- 一个回车符引发的问题思考
- IE margin加倍的问题
- css margin重叠的问题
- ie6的div margin问题
- 32.transition
- 博客永久迁移至 http://sniffer.site/
- 33.transition-rotate
- 常见的几种排序算法(java和C++版)(参考《算法》)
- this和super
- 换行符引发的margin问题
- ubuntu控制 mongodb
- Mybatis源码分析-配置模块
- Java中equals与==的区别
- java类的成员初始化顺序
- VisualBox环境下CentOS搭建FTP服务
- JavaScript结合筛法与缓存判断质数
- rails项目迁移中遇到的问题及解决方法
- 面向对象分析与设计概述