HTML/CSS : Table width same as div

标签 html css

我想创建一个包含表格的表单。我使用了 div,在 div 里面,有一张 table 。 我希望表格宽度与 div 宽度相同。 div 宽度为 100%。但结果是,表格宽度不适合 div 宽度。下面是代码:

<body >
<div width = '100%' align='center'>
    <table>
        <tr>
            <td>Username</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input type="text"></td>
        </tr>
    </table>
<div>

有人能帮忙吗?

最佳答案

只需将表格的宽度添加为 100%。

<style>
    div {
      background-color: lightblue;
     }
    table {
      background-color: red;
    }
    </style>
    <body >
    <div width = '100%' align='center'>
      <table width = '100%'>
         <tr>
            <td>Username</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input type="text"></td>
        </tr>
    </table>
<div>

关于HTML/CSS : Table width same as div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58704132/

相关文章:

javascript - 使用 JavaScript 获取没有 id 的相同 html 元素

jquery - onclick 和悬停方法不起作用

jquery - 根据屏幕分辨率更改 CSS 左填充

javascript - 使用javascript没有jquery的淡入淡出效果?

javascript - 滚动到一个链接并激活它

c# - 在 web.config 值中使用 HTML 下标

php - 用文本填充的 div 之间的复杂垂直间距

javascript - 单击时使图像显示在另一个图像下方

javascript - 动态更改后光滑 slider 不起作用

html - 在背景颜色上应用渐变