作者Qiqi (泼泼)
看板Web_Design
标题[问题] CSS, 我猜是white-space的问题
时间Wed May 22 11:45:20 2013
刚帮朋友demo用jq做图片卷轴的功能
像这样：
http://jsbin.com/aboyez/4/edit
但如果框内的图片在5个以下时就会跑掉
所以我尝试加了height，但出现了我预想以外的状况
像这样：
http://jsbin.com/aboyez/13/edit
为什麽当高大於图时﹙也就是框容得下图时﹚离上面的距离就会跑掉？
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 210.69.166.241
1F：→ ducksteven:因为 span 设了 inline-block ，即是放在一行里的block 05/22 23:51
2F：→ ducksteven:就要考虑到 baseline ，因为 vertical-align 的预设值 05/22 23:52
3F：→ ducksteven:是 baseline 05/22 23:52
4F：推 eight0:img{ float: left; } 另外不建议使用inline-block 05/22 23:52
查了一下，不建议用inline-block的原因是因为browser支援度的关系对吧？
5F：→ ducksteven:然後往下移的不是div框，而是span的框(block) 05/22 23:57
6F：→ ducksteven:因为第一个span的baseline比较靠近中间，跟其他span 05/22 23:58
7F：→ ducksteven:切齐baseline，所以看起来就往下跳了，整个div被撑大 05/22 23:58
我还不太懂"第一个span的baseline比较靠近中间"是怎麽看的
不过经由你的解释之後，我了解了在span下vertical-align:top;可以解决我的问题
非常感谢你
若你有时间的话再帮我解释如何得知"第一个span的baseline比较靠近中间"
※ 编辑: Qiqi 来自: 210.69.166.241 (05/27 16:40)
Thx
※ 编辑: Qiqi 来自: 210.69.166.241 (05/28 15:05)
10F：→ evenwu:有点高级 05/28 19:19