titleclass align-self center; margin-left 10px; font-size 17px; overflow hidden; text-overflow ellipsis; display -webkit-box; -webkit-line-clamp 2; -webkit-box-orient vertical; width 450rpx;

这段CSS代码使用了WebKit的特定属性来实现文本溢出省略的效果。但是，这些属性只在WebKit浏览器上有效，例如Safari和Chrome，并不适用于其他浏览器。

如果你希望在所有浏览器中实现文本溢出省略的效果，可以使用标准的CSS属性text-overflow: ellipsis和overflow: hidden。下面是修改后的代码示例：

.titleclass {
	align-self: center;
	margin-left: 10px;
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 450px;
	white-space: nowrap;
}

.titleclass::after {
	content: "...";
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 2px; /* 省略号后留出一点空隙 */
	background-color: white; /* 省略号后面的内容被覆盖时，可以使用背景色来遮挡 */
}

在这个修改后的代码中，我们添加了white-space: nowrap;来禁止文本换行。同时，我们使用::after伪元素来添加省略号，并使用position: absolute;将其定位到文本的右下角。

这样修改后的代码可以在大多数浏览器中实现文本溢出省略的效果