css3-对于盒中容纳不下的内容显示

1.overflow属性

css3中对于盒中容纳不下的内容。


css3-对于盒中容纳不下的内容显示_第1张图片
image.png

2.overflow-x与overflow-y属性

可以单独制定在水平或垂直方向上超出范围的显示方法。

3.text-overflow属性

使用text-overflow属性,可以在盒的末尾显示一个代表省略的符号。


css3-对于盒中容纳不下的内容显示_第2张图片
image.png

image.png

ps:white-space:nowrap 使盒右端内容不能换行显示。

css3-对于盒中容纳不下的内容显示_第3张图片
image.png

你可能感兴趣的:(css3-对于盒中容纳不下的内容显示)