在現(xiàn)代web設(shè)計中，CSS3是一個非常強大的工具，它可以幫助我們實現(xiàn)各種各樣的效果。而在CSS3中，我們可以使用兩行文本來增強頁面的可讀性和視覺效果。

.twoline {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1em;
height: 2em;
}
.twoline:before {
content: '';
display: block;
width: 0;
height: 1em;
float: left;
}
.twoline span {
display: inline-block;
vertical-align: bottom;
line-height: 1em;
}

上面的樣式代碼可以實現(xiàn)兩行文本的效果。我們通過設(shè)置父容器的高度為2em，來限制文本的高度。然后使用行內(nèi)塊元素來實現(xiàn)文本排列。通過設(shè)置white-space屬性為nowrap，讓文本不自動換行。最后使用text-overflow屬性來實現(xiàn)文本溢出時的省略號效果。

同時，我們還使用:before偽元素來實現(xiàn)兩行文本的垂直居中效果。然后在文本的標簽中使用line-height屬性來控制文本的行高，并和:before偽元素的height屬性相等，從而實現(xiàn)文本的兩行居中效果。