CSS省略號(hào)怎么打在中間？

在CSS中，可以使用“text-overflow”屬性來(lái)設(shè)置文本溢出時(shí)的省略號(hào)位置，默認(rèn)情況下，省略號(hào)會(huì)出現(xiàn)在文本的末尾，但可以通過(guò)設(shè)置“text-overflow”屬性為“middle”來(lái)將省略號(hào)放在文本中間。

假設(shè)有一個(gè)段落元素，其寬度為200px，文本長(zhǎng)度超過(guò)這個(gè)寬度，可以在CSS中這樣設(shè)置：

p {
  width: 200px;
  text-overflow: middle;
  white-space: nowrap;
  overflow: hidden;
}

上述代碼中，通過(guò)設(shè)置“text-overflow”屬性為“middle”，可以將省略號(hào)放在文本中間，還設(shè)置了“white-space”屬性為“nowrap”，防止文本自動(dòng)換行，以及“overflow”屬性為“hidden”，隱藏超出容器寬度的部分文本。

需要注意的是，這種方法只適用于塊級(jí)元素或行內(nèi)塊級(jí)元素，對(duì)于其他類(lèi)型的元素可能無(wú)法生效，如果文本長(zhǎng)度較短，不足以填滿(mǎn)容器寬度，那么省略號(hào)可能不會(huì)出現(xiàn)，在實(shí)際應(yīng)用中，需要根據(jù)具體情況進(jìn)行調(diào)整。