2007年8月13日星期一

ie7下,Tahoma的下划线

ie7下使用Tahoma字体会遇到文字下滑线不对齐的问题,这个问题的出现很有可能是因为在同一行内存在垂直对齐方式不一样的元素,比如说

<div><input style="vertical-align:middle" type="text"><span style="text-decoration:underline">非常高兴Very Nice的见到to Meet you你</span></div>

非常高兴Very Nice的见到to Meet you你

但是如果这样写

<div><input style="vertical-align:baseline" type="text"><span style="text-decoration:underline">非常高兴Very Nice的见到to Meet you你</span></div>

非常高兴Very Nice的见到to Meet you你
 

效果就会完全不一样。

 

------------------

没有评论: