CSS项目过多时，添加滚动框

最新推荐文章于 2024-06-28 14:24:07 发布

空载酒

最新推荐文章于 2024-06-28 14:24:07 发布

阅读量355

点赞数 1

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/qq_29730595/article/details/86687691

版权

CSS 专栏收录该内容

2 篇文章

订阅专栏

<style type="text/css">  
html,body{  
    padding: 0px;margin: 0px;   
}   
table{  
    margin: 0px;  
    padding: 0px;  
    width: 30%;  
    border-collapse: collapse;  
    table-layout: fixed;  /*不添加此样式，会全部显示    */
}   
table td{  
    border: 1px solid #eef2e9;  
    /* text-overflow: ellipsis; */ /* 加上，显示省略号*/
	white-space: nowrap;
	overflow: hidden;
}
table td:hover { /* 鼠标滑过  显示隐藏的内容  伴有横向的滚动条 */
	overflow:auto; 
	text-overflow:clip; 
}