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

1. CSS设置超过两行或者单行显示...
2. 如何使用HTML5+CSS3属性word-break设置文字换行
3. 想要设置省略号,使用css3 的text-overflow属性,在PC测试可以正确的使用...

1、CSS设置超过两行或者单行显示...

display： -webkit-box； 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

实现方***：overflow： hidden；text-overflow：ellipsis；white-space： nowrap；效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号，如下。

浏览器运行index.html页面，此时文字超过2行会自动把多余部分用省略号显示 。

必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow，可以用来多行文本的情况下，用省略号“...”隐***超出范围的文本 。

2、如何使用HTML5+CSS3属性word-break设置文字换行

normal，只在允许的断字点换行（浏览器保持默认处理，默认值）。 break-word，在长单词或URL地址内部进行换行。 word-break：normal|break-all|keep-all（通过使用word-break属性，可以让浏览器实现在任意位置的换行）。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础***码。在index.html中的第2个td标签中，新增样式***码：style=word-break： break-all；。

可使用css样式中的word-break属性，指定其属性值为break-all，即可实现表格内文字自动换行。

适合包含少量***洲文本的非***洲文本 语***： word-wrap ： normal | break-word 参数： normal ： 允许内容顶开指定的容器边界 break-word ： 内容将在边界内换行。

3、想要设置省略号,使用css3 的text-overflow属性,在PC测试可以正确的使用...

这个到目前还没有很完美的解决方案，主要是ie以外很多内核的浏览器对css省略都不支持。

如果文本多余一行，由于展示空间有限，故而有的时候需要超过一行显示省略号的设置。可以使用 text-overflow 设置。

--webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。2-text-overflow： ellipsis； ，可以用来多行文本的情况下，用省略号“…”隐***超出范围的文本 。如何兼容IE：使用jq插件实现。

首先第一步就是进行按正常方***，a标签里的链接默认都是使用get方***去请求的。不能直接设置使用put方***去请求。接着就是进行改a标签，添加一个id，为了附加**。

到此，以上就是小编对于css3省略号的问题就介绍到这了，希望介绍关于css3省略号的3点解答对大家有用。