非前端码农提个前端问题

2016 年 1 月 29 日
 ck1llc
V 站第一帖，求前端大神指教
http://www.iamchao.com/one-strange-html-style-problem/
3649 次点击
所在节点    前端开发
16 条回复
bzw875
2016 年 1 月 29 日
li 改成浮动就行了，因为 li 的 display 是 inline ，就好像文字间换行也会有空隙
cookie
2016 年 1 月 29 日
你添加如下样式试下 .linearStep{font-size: 0;} ，想知道原因谷歌一下： inline-block 间隙
zhpech
2016 年 1 月 29 日
`display:inline-block`中间如果有空白符 会产生一个 space 的距离=-=貌似……
aivier
2016 年 1 月 29 日
@bzw875 vertical-align:top
Roope
2016 年 1 月 29 日
这样的 我习惯用 float
ck1llc
2016 年 1 月 29 日
@Roope 恩，我也习惯用 float ，当时想偷懒，就直接复制了。定位问题的时间都够自己写一个了。
libook
2016 年 1 月 29 日
我是前端渣，细节上 Bootstrap 替我做好了。。。
ck1llc
2016 年 1 月 29 日
@cookie 果然好使，非常感谢！
learnshare
2016 年 1 月 29 日
https://www.google.com/#newwindow=1&q=inline-block%20%E7%A9%BA%E7%99%BD
marvinwilliam
2016 年 1 月 29 日
换行会自动添加一个空格，一般发布之前我们会对所有资源压缩， html 会去掉所有换行
seki
2016 年 1 月 29 日
可以试试 flex
shuiniushushu
2016 年 1 月 29 日
元素之间的空白字符会占一个字符的位置
yuriko
2016 年 1 月 29 日
这个坑我以前踩过，印象深刻……你 5 个 20%还容易看出来，我当时一堆 inline-block 堆砌，一不小心换行了哈哈哈哈
Phariel
2016 年 1 月 29 日
元素连写 中间不要换行 以前被坑过。。。
NemoAlex
2016 年 1 月 29 日
现在解决这类问题其实还有一个好办法：
用 Jade 之类的模板语言，编译出不含有多余换行和空格的 HTML 。
比 font-size: 0 或者加注释什么的都好太多了。
xumei
2016 年 1 月 29 日
是你标签之间留有空格了；

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/254203

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX