tr，td高度不生效

最新推荐文章于 2024-07-26 20:51:40 发布

A_front

最新推荐文章于 2024-07-26 20:51:40 发布

阅读量5.2k

点赞数

分类专栏： CSS table 文章标签： vue.js 前端 css3

本文链接：https://blog.csdn.net/SDD12555/article/details/86144041

版权

CSS 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

table

1 篇文章 0 订阅

订阅专栏

功能：表格内容较长，但是页面高度有限，超出显示滚动条

阻碍：给tr或者td加高度都不生效，不显示滚动条

解决方案：td中加div，设置高度和内容溢出时的样式

<table border='1' width='300'>
  <tr>
   <th>繁华之处</th>
  </tr>
  <tr>
   <td>
     <div style='overflow-y:auto;height:150px;'>
        黄昏的疾逝开始 我就想将自己撕裂 分散于你的森林 并在瘦弱光中窥视你 以我泛滥的手扎 那野丛的香气不溢
     </div>
   </td>
  </tr>
 </table>