如何消灭inline元素换行产生的空白
2016-04-22 22:17
218 查看
解决办法:
1.牺牲html代码的可读性,编程时不使用换行。其实这样做纯属无奈之举,而且被人重新排版了就不行了。
2.将父级font-size置0,行内元素再恢复字体大小。因为inline元素实际上是没有width和height而言的,font-size的高度实际上就是元素的高度。
3.利用注释进行排版,或者使用返回标签。
4.利用word-space,将空白字符的间距变为0.
1.牺牲html代码的可读性,编程时不使用换行。其实这样做纯属无奈之举,而且被人重新排版了就不行了。
2.将父级font-size置0,行内元素再恢复字体大小。因为inline元素实际上是没有width和height而言的,font-size的高度实际上就是元素的高度。
3.利用注释进行排版,或者使用返回标签。
<ul> <li>Item content</li><!-- --><li>Item content</li><!-- --><li>Item content</li> </ul>
<ul> <li>Item content</li ><li>Item content</li ><li>Item content</li> </ul>
4.利用word-space,将空白字符的间距变为0.
相关文章推荐
- Apache Commons Collections使用方法
- Mac OS X中配置Apache
- securecrt使用vbs脚本向多个tabs窗口发送带变量的命令
- 剑指Offer——替换空格
- UML用例图总结
- 深度学习入门-环境搭建
- hihocode 1014 Trie树
- QT画图教程7:QT实现透明度匹配及渐变等功能
- 网易互娱2017实习生招聘游戏研发工程师在线笔试第二场(神奇的数)
- MIPS-单周期CPU设计
- 1014-A strange lift
- hdu3652 B-number(数位dp)
- 4月20日作业
- JAVA--浅谈集合
- html中的input文本框完成格式错误提示功能
- mac上安装git
- PostgreSQL之Array_to_String用法
- 利用 spring bean 的属性 init-method 解决因为数据库连接没有初始化而导致首次点击页面超慢的问题
- 用户场景描述
- 0422 数学口袋精灵app