css truncate |css中怎么让警告框居中

.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px; /* 指定截断的长度 */
}

这里，大家定义了一个名为“.truncate”的CSS类。该类使用以下属性设置字符串截断：

• overflow：hidden – 定义文本溢出时的行为。这使大家可以确保在不破坏布局的情况下，文本不会继续扩展容器。
• text-overflow：ellipsis – 定义文本溢出时的行为。在这种情况下，大家使用省略号“…”代替文本。
• white-space：nowrap – 定义文字如何换行。在这种情况下，文本不会换行。
• width：150px – 定义容器的宽度。此属性与其他属性一起协调以定义截断长度。

要使用这个class，只需将其应用于要截断的地址：

<p class="truncate">这是要截断的长字符串，如果不使用CSS Truncate，则可能会破坏偶的布局。</p>

在这个例子中，大家截断一个150像素宽的字符串，然后用省略号“…”结束。如果大家将这个class应用于容器，则文本将被截断并显示省略号，而不会破坏页面的布局。