代碼示例
.div {
text-overflow: ellipsis;
overflow: hidden;
width: 200px;
white-space: nowrap;
}
text-overflow
| value |
含義 |
| ellipsis |
文本截?cái)嗵幉伙@示省略號(hào) |
| clip |
文本截?cái)嗵幊霈F(xiàn)省略號(hào) |
text-overflow是個(gè)修飾樣式府瞄，當(dāng)文本超出容器的時(shí)候，文本將被截?cái)唷?/p>
| value |
含義 |
| ellipsis |
文本截?cái)嗵幉伙@示省略號(hào) |
| clip |
文本截?cái)嗵幊霈F(xiàn)省略號(hào) |
white-space
| value |
含義 |
| normal |
空白被瀏覽器忽略 |
| pre |
空白被瀏覽器保留，類似pre標(biāo)簽塊 |
| nowrap |
文本不會(huì)換行 |
| pre-wrap |
保留空白符，正常換行 |
| pre-line |
保留空白符，保留換行符 |
| inherit |
父元素集成 |
只設(shè)置text-overflow是不夠的衅斩，還要設(shè)置white-space，規(guī)定段落中的文本是否換行怠褐。
| value |
含義 |
| normal |
空白被瀏覽器忽略 |
| pre |
空白被瀏覽器保留畏梆，類似pre標(biāo)簽塊 |
| nowrap |
文本不會(huì)換行 |
| pre-wrap |
保留空白符，正常換行 |
| pre-line |
保留空白符惫搏，保留換行符 |
| inherit |
父元素集成 |
