sinat_31905659 2015-10-10 09:32 采纳率: 0%
浏览 4967

为什么我td用width控制不了宽度




  <tr>


      <td width="30%" height="80%" style="background-color: aliceblue"></td>
      <td width="70%" height="80%" style="background-color: black"></td>


  </tr>
  <tr>
      <td width="100%" height="10%" style="background-color:red"></td>
  </tr>

这是我的代码，
下面是效果图
图片说明

只有一个td ，第二个看不到

  • 写回答

6条回答

  • 阿木王 2015-10-10 09:38
    关注







    评论

报告相同问题？

  • 用CSS对TD中INPUT的宽度设置
    2020-09-28 06:01
    本话题主要探讨如何使用CSS正确地为TD中的INPUT设置宽度，以避免边框被遮盖的问题。 首先，我们需要理解表格单元格（TD）和输入框（INPUT）的默认样式。在不设置任何自定义CSS的情况下，INPUT元素的宽度可能会根据...
  • 表格单元格td设置宽度无效始终有内部的内容撑开
    2020-09-28 05:52
    这就是为什么在示例中，即使设置了`width="100px"`，单元格仍然会被内部的长字符串“1000800”撑开。 在CSS中，`!important`声明通常用于覆盖其他样式规则，但在这个例子中，`style="width: 100px !important;"`并...
  • ie8下table th和td宽度width设置不生效解决办法
    2018-12-11 10:11
    惜江南的博客 ie8下table th和td宽度有时候设置无效，不按设定的宽度显示，怎么办？ 这种情况一般分为两种： 第一种，某td的内容很多，需要换行，将td撑开了。这种情况还比较好处理，只要给td设置css属性：word-break:break-all;...
  • html table td过长-使用width设置td宽度
    2018-12-13 14:11
    So_Powerful的博客 于是，需要将较长的列分行显示，在td 处用style="width:90px;"结果不起作用了，之前确实是可以的，想起最近刚升级了chrome浏览器。 在网上搜索答案时，大多时隐藏多余内容的方式，在快要放弃，暴利舍弃...
  • 多个div中table的tdwidth设置一样也不法对齐
    2020-09-28 06:11
    这就是为什么在多个`div`中的`table`即使`td`宽度设置一样也可能无法对齐的原因。 为了解决这个问题，我们可以利用CSS的`table-layout`属性。`table-layout: fixed`是一种固定的表格布局模式，它会强制表格的列宽...
  • javascript 使td内容不换行不撑开
    2020-12-13 02:07
    在网页设计中，有时我们需要确保表格（`<table>`）中的单元格（`<td>`）内容不换行且不撑开单元格的宽度。这通常发生在显示长字符串或者需要控制表格布局的情况下。标题和描述中提到的问题是关于如何利用CSS来实现这...
  • td 内容自动换行 table表格td设置宽度后文字太多自动换行
    2020-09-28 07:44
    在使用table展示内容时，经常会出现内容过长超出了单元格（td）的宽度，导致无法完整展示全部内容的情况。传统的table布局常常会导致内容溢出，影响页面的整体美观性。本篇文章针对的就是这个常见的问题，即如何设置...
  • 设置 td 宽度不生效的解决办法
    2019-03-13 11:17
    冲凉丶的博客 设置 td 宽度不生效的解决办法 在页面中，直接修改 td 中的 style=&quot; width：79px&quot; ，发现没有生效。 解决办法：在 table 中加入 &amp;lt;table style=&quot;word-wrap: break-word; ...
  • td单元格合并时 td宽度问题
    2021-01-19 21:22
    下面示例中，当姓名所在td的宽度是60px，如果第二行里的文字较少时，显示正常，如果第二行里的文字较多时，则显示不正常了 复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv=...
  • 前端笔记，table标签中td宽度不受控制的坑
    2019-07-21 14:10
    小小鱼儿小小林的博客 在table标签中，td的宽度设置好后，是没有用的，因为table是一个整体，他的td宽度是由其中一个最长td宽度决定的， 原因是浏览器默认情况下，如果有一个单词很长，导致一行剩下的空间放不下，则浏览器会把这个单词挪...
  • table的td宽度控制
    2018-07-19 18:27
    Eighteen Z的博客 前言：td在我们有具体宽度控制的时候显的格外难以驯服，但是知道了它的原理，解决起来就不会再怕了。。 首先table的宽度我们可以设置，具体的px或者百分比，浏览器会自动按比例给td分配宽度。 &lt;table ...
  • html表格td宽度设置,table以及td宽度设置细节
    2021-06-16 20:51
    了不起的实习生的博客 table中table-layout设置auto 默认值在此设置下如果没有指定table的宽度，则table会根据每列td的宽度自动被撑开，如果没有显示指定td的宽度，则td宽度根据内容而定只到table宽度达到视窗宽度，而每列的最小宽度是...
  • html怎么增加td的宽度,css怎么设置表格td宽度？
    2021-06-14 06:10
    天津包子馅儿的博客 css可以直接通过width属性设置表格td宽度，width属性设置元素的宽度...css直接使用width属性设置表格td的宽度：示例：百分之10百分之10百分之20百分之15百分之45css代码：td.p10 {width:10%;border: medium solid re...
  • css td 宽度百分比设置,css怎么设置td的宽度
    2021-08-03 21:30
    喵教授的博客 在css中，可以使用width属性来设置td宽度，只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度，定义的是元素内容区的宽度，不包括填充，边框，或页边距。本教程操作环境：windows7系统、...
  • 解决设置table中td宽度不生效
    2019-05-17 18:09
    蚁族的奋斗1的博客 特性：table是一个整体，每一列td的宽度是由一个其中一个最长td的宽度决定的。
  • td 设置colspan之后设置td width 无效
    2019-10-23 15:15
    zcaixx的博客 table设置了colspan之后出现td宽度显示不正常，这种情况下，可以通过设置table width=“100%”table-layout=“fixed” 解决,当JS动态设置tr的隐藏（即style.display = ‘’）无效时也可以试试，因为我试过style....
  • html 列宽调整 （td width 不生效问题）
    2021-08-17 13:46
    Zonson9999的博客 2: 给 td 加上 width属性 <html> <body> <style> .mytable { table-layout:fixed } </style> <table class = "mytable" border="1" > <tr> <th width="300px">...
  • html5 td宽度无效,table table-layout: auto 设置td 宽度不生效
    2021-06-11 13:44
    大东北精粮尚品的博客 table table-layout: auto 设置 td 宽度不生效(想达到的效果: 内容栏目最大宽度不超过一行的 50%;)html:<table><thead><tr><th>标题</th><th>内容</th><th>发布...
  • 没有解决我的问题, 去提问