如何使HTML表与其包含div标签的宽度相同?

如何使HTML表与其包含div标签的宽度相同?,第1张

概述我里面有一张桌子.我希望表占据div标签的整个宽度. 在CSS中,我将表的宽度设置为100%.不幸的是,当div有一定的差距时,表格比它的div更宽. 我需要支持IE6和IE7(因为这是一个内部的应用程序),尽管如果可能,我显然喜欢一个完全跨浏览器的解决方案! 我正在使用以下DOCTYPE … <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit 我里面有一张桌子.我希望表占据div标签的整个宽度.

在CSS中,我将表的宽度设置为100%.不幸的是,当div有一定的差距时,表格比它的div更宽.

我需要支持ie6和ie7(因为这是一个内部的应用程序),尽管如果可能,我显然喜欢一个完全跨浏览器的解决方案!

我正在使用以下DOCTYPE …

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

编辑:不幸的是,我不能硬编码宽度,因为我动态生成HTML,它包括将divs递归地嵌套在彼此之间(每个div上的左边距,这创建了一个很好的“嵌套”效果).

解决方法 以下内容适用于firefox和ie7 …指南,但是如果您在元素上设置宽度,则不要在同一个元素上设置边距或填充.这是真的,特别是如果你是混合单位 – 比如混合百分比和像素.
<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML>  <head>    <Title>Test</Title>  </head>  <body>    <div >      This is the outer div      <div >        This is the inner div        <table cellpadding="0" cellspacing="0" >          <tr>            <td >Here is my td</td>          </tr>        </table>      </div>    </div>  </body></HTML>

参见here例子.

总结

以上是内存溢出为你收集整理的如何使HTML表与其包含div标签的宽度相同?全部内容,希望文章能够帮你解决如何使HTML表与其包含div标签的宽度相同?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1101151.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存