Heim >Web-Frontend >HTML-Tutorial >不同元素对齐的问题:需要底部,或者是中间对齐。_html/css_WEB-ITnose
<table> <tr> <td> <input type="text" style="height:16px; width:27px" id="text1" /> <input type="image" src="images/logo.gif" style="height:16px; width:16px;" id="image1" /> </td> </tr></table>
image1和text1底部对齐:
<table> <tr> <td> <input type="text" style="height:16px; width:27px" id="text1" /> <input type="image" src="images/logo.gif" style="height:16px; width:16px; vertical-align:bottom" id="image1" /> </td> </tr></table>
原来我样式加错了,我一直往TD上加,都不起作用。。。
用css 控制 最终还是会遇到 兼容的问题,还不如改页面的好呢。
<table> <tr> <td> <input type="text" style="height:16px; width:27px" id="text1" /> </td> <td> <input type="image" src="images/logo.gif" style="height:16px; width:16px;" id="image1" /> </td> </tr></table>