css设置超出部分文档隐藏（在table标签中不好使解决方案在下）

css设置：

.text-over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer}

div设置：
<div title="简约大气  经典设计 超高性价比 1.8米环保皮艺双人床床超高性价比 1.8米环保皮艺双人床床" class="text-over">简约大气  经典设计 超高性价比 1.8米环保皮艺双人床床超高性价比 1.8米环保皮艺双人床床</div>
注：

1. verflow: hidden;//超过指定的宽度和高度也隐藏

            display: inline-block;//块级元素显示在这一行，不换行，其他块级元素也可以显示在这一行


          white-space: nowrap; 所有的文本都显示在这一行


       text-overflow: ellipsis; 多余的文本用省略号显示
2:当在table当中使用时可能存在不好使
解决方法：在table样式中添加:

table-layout: fixed;来解决

转载于:https://www.cnblogs.com/lst619247/p/8145423.html