FlyKing 发表于 2010-7-29 10:13:50

行内布局对齐的问题



<div style="width:300px;height:20px;border:1px solid red;margin:0px;padding:0px;overflow:hidden;">
<span style="width:100%;height:100%;border:1px solid blue;overflow:hidden"></span></div><br><br>

<div style="width:300px;height:20px;border:1px solid red;margin:0px;padding:0px;overflow:hidden;">
<input type=text style="width:100%;height:100%;border:1px solid blue;overflow:hidden"></div><br><br>



请问div里的input为什么距div边框有一象素间隔,而div里的span却没有?如何调整?

谢谢.

zabcd117 发表于 2010-7-29 16:30:58


<div style="width:300px;height:20px;border:1px solid red;padding:0">
    <input type=text style="width:100%;height:100%;background:blue;margin:0;padding:0;border:none">
</div>

这么设置好像还是有1像素的间隔。不过貌似是光标的尺寸不一样大

[ 本帖最后由 zabcd117 于 2010-7-29 16:36 编辑 ]

FlyKing 发表于 2010-7-30 00:04:05

我知道用vertical-align可以去掉一象素间隔.


<div style="width:300px;height:20px;border:1px solid red;margin:0px;padding:0px;overflow:hidden;">
<input type=text style="vertical-align:top;width:100%;height:100%;border:1px solid blue;overflow:hidden"></div><br><br>


但是为什么却不清楚,行内不同元素的对齐方式一直不太清楚是怎么回事,有没有高人解释一下?
页: [1]
查看完整版本: 行内布局对齐的问题