在網頁中，當我們需要對一段文本進行省略處理時，可以使用CSS的text-overflow屬性。然而，這個屬性只能在一行內進行省略，當文本內容過長需要超過一行時，就需要使用CSS3的display: -webkit-box;屬性來實現多行省略。

但是，這個屬性在不同瀏覽器中的兼容性卻存在一定問題。因為不同的瀏覽器在解析CSS的方式上存在差異，而且某些版本的瀏覽器還不支持這個屬性。

.box {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

上述代碼可以實現多行省略，其中-webkit-line-clamp: 3;表示只顯示3行，多余的部分用省略號代替。但是這個屬性只在webkit內核的瀏覽器中得以支持，在其他瀏覽器中則無效。

為了兼容各種瀏覽器，我們需要進行以下處理：

.box {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
/*以下是針對其他瀏覽器的處理*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
max-height: 3.6em;
line-height: 1.2em;
}

在上面的代碼中，我們除了保留原先的多行省略屬性外，還針對其他瀏覽器添加了新的處理代碼，實現了跨瀏覽器的兼容。