CSS怎么设置文本最高最低和超出高度添加滚动条

2024-10-13 17:19:42

1、新建一个html网页,在head中设置网页背景为灰色【 body{background: #BDBDBD;}】

CSS怎么设置文本最高最低和超出高度添加滚动条

3、a样式倦虺赳式中再添加样式【padding: 20px;overflow: hidden;】设置内边距和超出部分隐藏。然后在a标签里多输入一些文字。可以看到超出200px高的文字就隐藏了。

CSS怎么设置文本最高最低和超出高度添加滚动条

5、把样式a 添加以下代码【max-height: 200px;overflow-y: scroll;】,可以实现当文字排版超过200px后会自动加上滚动条。

CSS怎么设置文本最高最低和超出高度添加滚动条

7、在CSS中再添加【min-height: 100px;】。会实现如果文字过少,高度最低只能100px的效果。这样就设置完成啦。

CSS怎么设置文本最高最低和超出高度添加滚动条
猜你喜欢