当元素的内容可能大于为其分配的空间量时该怎么办?
使用CSS溢出属性可解决此内容超出分配空间的问题。您可以尝试运行以下代码来解决问题-
示例
<html>
<head>
</head>
<style>
.scroll{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:scroll;
}
.auto{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:auto;
}
</style>
<body>
<p>Example of scroll value:</p>
<div class = "scroll">
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
</div>
<br />
</body>
</html>热门推荐
10 小年好的祝福语简短
11 祝福语美甲店员工简短
12 新年恋人祝福语简短创意
13 送给员工美好祝福语简短
14 薛之谦祝福语简短
15 最美的留言祝福语简短
16 麻辣拌店祝福语简短
17 中班入学祝福语简短大全
18 对学姐的简短祝福语