手机网页里，一段文本超出显示省略号(…)，这个CSS怎么设置
text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)
在WebKit浏览器或移动端，用-webkit-line-clamp用来限制在一个块元素显示的文本的行数
两者结合就能得到你要的效果。
例子：
响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局
css如何把段落变成两行
可以使用CSS的`line-clamp`属性将段落限制为指定的行数，从而实现将段落变为两行。具体步骤如下：
1. 首先，为段落的容器元素添加一个固定的高度，以限制段落的显示区域。例如，设置`height: 40px;`。
2. 接着，为段落文本的容器元素添加以下CSS属性：
```css
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
```
- `display: -webkit-box;` 将元素显示为一个块级的弹性容器。
- `-webkit-line-clamp: 2;` 将文本限制为两行。
- `-webkit-box-orient: vertical;` 设置文本的排列方向为垂直方向。
- `overflow: hidden;` 隐藏溢出的文本。
通过以上步骤，段落文本就会被限制为两行显示。如果超过两行，溢出的文本将被隐藏。请注意，`-webkit-line-clamp`属性是一个只有在WebKit浏览器（如Chrome和Safari）中有效的私有属性，其他浏览器不支持该属性。
要将段落变成两行，可以使用CSS的文本溢出属性。首先，设置段落的宽度，然后使用溢出属性将文本限制在两行内。可以使用以下代码实现：
```css
p {
width: 200px; /* 设置段落的宽度 */
overflow: hidden; /* 隐藏溢出的文本 */
text-overflow: ellipsis; /* 在溢出的文本末尾显示省略号 */
display: -webkit-box; /* 将文本作为弹性盒子显示 */
-webkit-line-clamp: 2; /* 设置显示的行数为2行 */
-webkit-box-orient: vertical; /* 设置弹性盒子的方向为垂直 */
}
```
这样，段落的文本将被限制在两行内，并在溢出时显示省略号。请注意，这种方法在大多数现代浏览器中都有效，但在一些旧版本的浏览器中可能不起作用。