跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 求助一个 <table> 内容插入问题
未分類
13 4 月 2021

求助一个 <table> 内容插入问题

求助一个 <table> 内容插入问题

資深大佬 : LUREN 6

<table>   <tr>     <td>aaa</td>     <td>bbb</td>     <td>ccc</td>   </tr> </table>  我需要在 tr 标签里插一行内容,类似下面这样。  <table>   <tr>     <td>aaa</td>     <td>bbb</td>     <td>ccc</td>     <p>ddd</p>   </tr> </table>  但这样不符合规范,浏览器会将 p 标签放在表格前面。  请问这个问题有解决方法吗?我想在 tr 里添加一行内容。

大佬有話說 (15)

  • 資深大佬 : vJianZhen

    tr 或者 table 结束后加行不行,用另一个标签包裹

  • 主 資深大佬 : LUREN

    @vJianZhen 不行哦,我只能添加内容到 tr 内。。

  • 資深大佬 : oott123

    添加 </tr><tr><td colspan=”3″><p>ddd</p>

  • 主 資深大佬 : LUREN

    @oott123 因为种种原因,只能添加到 tr 内。。

  • 資深大佬 : stabc

    你要说目的,别人才能帮你想解决方案。

  • 資深大佬 : oott123

    @LUREN 可我说的就是添加到 tr 内啊。

  • 主 資深大佬 : LUREN

    @stabc 目的是希望在 tr 里显示两行内容,一行是 td 组成的,一行是另外添加的(之所以不添加到 td 里是希望添加的内容可以独占一行宽度)

  • 主 資深大佬 : LUREN

    @oott123 可以在不添加 tr 的情况下解决吗? 添加 tr 会带了一些问题,目标页面是一个很老的系统生成,逻辑中还对 tr 数量有限制,超过多少 tr 就不输出了。。

  • 資深大佬 : stabc

    @LUREN 那就只能再嵌套一个 table 了,当前 TR 只加一个 TD,然后把需要三列显示的内容放到新增 table 里。

  • 資深大佬 : shintendo

    自己写 div 模拟 table 吧

  • 資深大佬 : Sunyanzi

    在纯 HTML 的层面如果不增加 tr 肯定是做不到 … 只能用点别的技巧如下 …

    i.imgur.com/VjSEdVS.png

    原理是这样 … 把新增的 td 移出文档流单独显示 … 然后增高 td 给新增的 td 腾位子避免挤在一起 …

    能实现但挺 ugly 的 … 如果系统只限制了 tr 的数量 … 按上说的用 div 模拟 table 应该是个漂亮些的解决方案 …

  • 資深大佬 : iNaru

    @LUREN #7 这是要使用 td 的跨行、跨列属性 rowspan 、colspan 。

  • 資深大佬 : otakustay

    只能添加到 tr 里就没戏,请想办法解决你的“种种原因”……

  • 資深大佬 : optional

    可以用伪类

  • 資深大佬 : cpstar

    如果如 7#的目的,我的理解犹如表格最后一行的汇总(总计)或者备注一类的实际效果,那么我的做法,如果表格栏目数固定,用 tr-td+colspan-p,如果不固定,table 之后追加 div

    如果 LZ 必须追求 tr,我觉得 LZ 要放弃强迫症,以实现目的为第一要求,第二要求才是优雅。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具