程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

如何使 INPUT 元素填充整个表格 TD 单元格

发布于2022-09-06 18:23     阅读(1301)     评论(0)     点赞(27)     收藏(3)


使用此示例表:

<table>
  <tbody>
    <tr>
      <td>

        <input value = "this is the text">

      </td>
    </tr>
  </tbody>
</table>

我有<input>填充表格<td>单元格的元素。默认情况下,它(<input>元素)不会占用其<td>单元格的所有可用空间。如何确保<input>元素始终从边到边填充空间?

在此处输入图像描述


解决方案


尝试这个:

table {
  width: 100%;
  border: 1px solid #ccc;
}

table td input {
  // display: block;
  width: 100%;
}
<table>
  <tbody>
    <tr>
      <td>

        <input value = "this is the text">

      </td>
    </tr>
  </tbody>
</table>




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/399510/60ff96d29d87ba60eca0/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

27 0
收藏该文
已收藏

评论内容:(最多支持255个字符)