css之使table也能overflow:hidden

overflow用在div上时很好用，但直接用在td上，好像没有任何效果。 td中的文本过长时依然自动换了一行像下面这要设定一下就行了

<title> <a href="https://kunjuke.com/tag/217/" title="css" target="_blank">css</a> <a href="https://kunjuke.com/tag/355/" title="table" target="_blank">table</a> 超出隐藏 </title> table { width:*; table-layout : fixed ; } td { white-space:nowrap; overflow:<a href="https://kunjuke.com/tag/4382/" title="hidden" target="_blank">hidden</a>; } </p> <table style="width:200px;border:solid 1px #000"> <tr> <td>固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关</td> </tr> </table> <p>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是css之使table也能overflow:hidden的详细内容，更多请关注本站其它相关文章！

《css之使table也能overflow:hidden.doc》

下载本文的Word格式文档，以方便收藏与打印。

相关推荐

ASP页面中怎么嵌入JavaScript或CSS

在ASP页面中嵌入JavaScript或CSS可以通过在<head>标签内或者<body>标签内使用<script>标签或<style>标签来实现。嵌入JavaScript： <html> <head> <script> functio...
2024-04-03编程代码asp,css,javascript
如何使用HTML+CSS+JS制作3D立方体图像库

这篇文章主要介绍了如何使用HTML+CSS+JS制作3D立方体图像库的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇如何使用HTML+CSS+JS制作3D立方体图像库文章都会有所收获，下面我们一...
2024-03-14编程代码css,html,js
部署vue项目找不到js和css文件如何解决

这篇“部署vue项目找不到js和css文件如何解决”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看...
2024-03-14编程代码css,js,Vue
vxe-table vue table表格组件功能

这篇文章主要介绍了vxe-table vue table表格组件功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。一个功能更加强大的 Vue 表格组件查...
2024-03-14编程代码table,Vue,表格
怎么用JS、CSS和HTML实现注册页面

这篇文章主要介绍“怎么用JS、CSS和HTML实现注册页面”，在日常操作中，相信很多人在怎么用JS、CSS和HTML实现注册页面问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么用JS、CS...
2024-03-06编程代码css,html,js
CSS如何强制图片自适应大小

小编给大家分享一下CSS如何强制图片自适应大小，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！ CSS强制图片自适应大小 img&nbs...
2023-10-28编程代码css
springboot themaleaf第一次进页面不加载css怎么解决

今天小编给大家分享一下springboot themaleaf第一次进页面不加载css怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇...
2023-10-28编程代码css,springboot,themaleaf
HTML、CSS、JavaScript三者的关系是什么

HTML、CSS、JavaScript三者的关系是什么，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。 js--JavaScript--脚本语...
2023-10-27编程代码css,html,javascript