大家好，今天小编关注到一个比较有意思的话题，就是关于网页怎么开发省略号的问题，于是小编就整理了1个相关介绍网页怎么开发省略号的解答，让我们一起看看吧。

1. 如何实现网页表格中一行多出的文字变成省略号或者隐藏

1、如何实现网页表格中一行多出的文字变成省略号或者隐藏

width：100%；word-break：keep-all；/* 不换行 */ white-space：nowrap；/* 不换行 */ overflow：hidden；/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow：ellipsis；/* 当对象内文本溢出时显示省略标记（...） ；需与overflow：hidden；一 起使用。

能换行的，{ height：88px；width：88px；overflow：hidden；}即可。楼主是不是说的不呢过换行的，{ overflow： hidden；text-overflow： ellipsis；white-space： nowrap；width： 60px；} 可以这样设置绝不会换行，而且如果文字大于设定宽度还会出现省略号。

起因接到需求，说如果 table 里的字太多就用省略号，很自然就想到 text-overflow：ellipsis （，注意：overflow： hidden； text-overflow：ellipsis； white-space：nowrap 一定要一起用），但是在 table 中不起作用，立即百度，说要想起作用需给 table元素 设定 table-layout： fixed ，果然起作用了。

利用换行来解决溢出问题 如何用word-wrap解决文字溢出的问题word-break：break-all和word-wrap：break-word经常用来解决长字符串换行问题。word-break：break-all在IE6/7/chrome/safari为一派，表现为尾部截断，而ff0/opera表现为无效。既过长单词换行显示，然后溢出边界。

我想应该不是你要的结果！你给你的div设置一个宽度跟高度，然后用这个用这个试试 如果你只是想要一行的，那1楼的那位就是个很好的方法，缺点就是火狐浏览器不支持这个text-overflow：ellipsis；用省略号代替超出部分。

到此，以上就是小编对于网页怎么开发省略号的问题就介绍到这了，希望介绍关于网页怎么开发省略号的1点解答对大家有用。