CSS中有許多屬性可以控制文本溢出的情況,其中最常用的有三個:text-overflow、white-space和overflow。
text-overflow: ellipsis;
text-overflow屬性可以在文本溢出時顯示省略號,實現方式就是給文本容器設置寬度,并加上overflow:hidden;text-overflow:ellipsis;的css樣式:
div {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
以上代碼會讓文本容器的寬度為100px,當文本超出容器時,會顯示省略號。
white-space: nowrap;
white-space屬性可以控制文本是否可以換行,nowrap將文本強制在一行內顯示,實現方式就是給文本容器設置white-space:nowrap;的css樣式:
div {
white-space: nowrap;
}
以上代碼會讓文本永遠保持在一行內顯示。
overflow: hidden;
overflow屬性可以隱藏文本容器溢出的內容,實現方式就是給文本容器設置overflow:hidden;的css樣式:
div {
overflow: hidden;
}
以上代碼會讓文本容器溢出部分被隱藏。
以上就是CSS控制文本溢出的相關屬性介紹。
上一篇css控制段落行數
下一篇mysql拆分字段不生效