我遇到了长篇文章延伸到我的桌面的问题,overflow:hidden似乎没有做我想做的事情.这是我用来测试这种效果的示例代码:
| aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
| aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
| aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
加载时,无论表格宽度如何,文本都会拉伸以显示所有字符串.我所追求的是将不会显示超过单元格测量的字符串的任何部分.这甚至可以用于表格,如果是这样,我做错了什么？
溢出仅适用于块级元素.表元素不是块元素.如果你想将这些效果放在 有: 默认情况下,自动表格布局机制会扩展表格宽度以适应最小单元格内容宽度.告诉它不要使用table-layout属性: 并且您的示例按预期工作.您可能还应该 注意表格单元格中并将效果应用到.
td.scroll div {
background-color: #00FFFF;
width: 100px;
height: 100px;
overflow: scroll;
}
td.hidden div {
background-color: #00FF00;
width: 100px;
height: 100px;
overflow: hidden;
}
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
这是CSS的一个相当神秘的方面.任何人发现它的唯一时间是他们有这个确切的问题.相信我,在那里做到了.
请不要将块级元素放在内联级元素中.你可以简单地将``设置为`display:inline-block'来实现你想要的.
2> bobince..：
width: 100px从表格单元格中删除它,因为与100%宽度表结合使用是没有意义的.(虽然使用固定的表格布局并不重要,因为只有第一行单元格或overflow: scroll或auto不适用于大多数浏览器中的表格单元格.(它在WebKit中.)
推荐阅读
如何解决《简单Play应用程序的最小RAM》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《SpringRestWeb服务将文件作为资源返回》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《如何在Windows上的Docker中运行Tensorflow运行python脚本？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《opencv,找到一张位于图片特定位置的信件？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《为什么TensorFlow会在训练后预测全部0或全部1？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《PhantomJS:在渲染的pdf中忽略外部CSS》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Aurelia翻转图像显示/隐藏》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Xamarin蓝牙扫描》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《为什么0<-0x80000000？》经验，为你挑选了6个好方法。 ...
[详细]
如何解决《除一个数字之外的某个范围内的随机整数》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何在vueloader组件中导入JS脚本？》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《NumPy中的累积加法/乘法》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《laravel5中的多个路径文件而不是一个主路径文件》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《数组的Ruby哈希从数组中删除第一个元素》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《在oracle中执行存储过程后是否有任何自动提交？》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《在laravel5.1中将对象转换为数组》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《函数执行期间的SOAP客户端超时》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《在ggplot2中的地图上围绕点绘制具有特定半径的圆》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《如何在Xamarin.Forms中获取当前页面/视图或最顶层的页面/视图》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《用于UTF8字母的JAVA比较器》经验，为你挑选了0个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站 
京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
