Heim > Artikel > Web-Frontend > ie6和7里的input_html/css_WEB-ITnose
ie6和7里的input_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:41:17975Durchsuche
input ie html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">*{margin:0px; padding:0px}table{ border-collapse:collapse; border-spacing:0}</style></head><body> <table> <tr> <td> <input type="text" style="width:100px; height:50px; background:red; border:2px solid black" /> </td> </tr> <tr> <td> <input type="text" style="width:100px; height:50px; background:yellow; border:2px solid black" /> </td> </tr> <tr> <td> <div style="background:#138eee; width:100px; height:50px; border:2px solid black"></div> </td> </tr> </table></body></html> 1. 可以看到 -> input的上下会多出一像素
2. 用 -> float:left可以解决这个问题
3. 请问是否有其它方法能解决这个问题,因为有时候一行内要写很多标签,浮动起来就比较麻烦
回复讨论(解决方案)
这个貌似是td里的空格造成的，换成下面的试下
<td><input type="text" style="width:100px; height:50px; background:red; border:2px solid black" /></td>
空格原先就试过不行的...继续求解...
为啥要用table呢？用div不行么？
我试了好多种方法都不行，看来只能用float了，后面再加个
试了下，没有出现楼主所说的那种情况，两个input之间的boder加粗了而已。
border-spacing这个属性只有在border-collapse这个属性的属性值设置为sepeate时才有效。
表头
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：正常页面在火狐中显得略小，求解决。_html/css_WEB-ITnoseNächster Artikel：css实现一行显示三张图片且多行显示 问题。。_html/css_WEB-ITnose