作者elsa0116 (Fly*晴子)
看板Web_Design
标题[问题] div输入文字後会位移
时间Fri May 2 15:22:20 2014
<style type="text/css">
div {
background-color:rgb(255,255,255);
margin:5px 5px 5px 5px;
display:inline-block;
width:100px;
height:100px;
overflow:auto;
}
.test {
color:#FF0000;
}
</style>
<div><p class="test">123456</p></div>
<div><span class="test">123456</span></div>
<div></div>
<div></div>
<div></div>
--
程式码撷取如上。
弄成HTML网页後，有输入文字的部分位移了。
虽然在div的css中加上 「overflow:auto;」就OK，
但还是不知道是什麽原因会造成这样的位移？
麻烦各位先进给予指教!!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.118.17.64
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1399015344.A.FD4.html
1F：→ harry1123:我也很想知道..OTZ 05/02 18:39
2F：推 eight0:vertical-align 文字对齐 05/02 18:50