CSS basic tutorial overflow property
overflow attribute: When the content overflows, how to display it
overflow: When the content overflows, how to display the overflowed content. Values: visible (visible), hidden (hidden), scroll (scroll bar appears), auto (automatic)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
p{
border:1px solid #f0f0f0;
width:300px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<h1>诺贝尔文学奖花落谁家?</h1>
<p>评论家白烨并不看好村上春树能够获奖。他在接受记者采访时曾指出,村上春树得诺奖几乎没希望,“诺贝尔文学奖很重视作品的文学价值,村上春树的作品对现实社会的关注度并不高,在纯文学圈子里不是特别受到认可”。
评论家止庵等人亦曾分析过,诺贝尔文学奖会给一些有思考的冷门作家以鼓励,也重视作品的文学价值。在白烨看来,村上春树的作品具有流行性、大众性的特点,“正是从这个角度讲,村上很有可能成为一个时间悠久的‘陪跑者’”。
“村上春树得诺奖的希望不大了。”基于相似原因,村上春树作品的译者之一林少华表示。</p>
</body>
</html>You can also try other values of overflow
new file
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
p{
border:1px solid #f0f0f0;
width:300px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<h1>诺贝尔文学奖花落谁家?</h1>
<p>评论家白烨并不看好村上春树能够获奖。他在接受记者采访时曾指出,村上春树得诺奖几乎没希望,“诺贝尔文学奖很重视作品的文学价值,村上春树的作品对现实社会的关注度并不高,在纯文学圈子里不是特别受到认可”。
评论家止庵等人亦曾分析过,诺贝尔文学奖会给一些有思考的冷门作家以鼓励,也重视作品的文学价值。在白烨看来,村上春树的作品具有流行性、大众性的特点,“正是从这个角度讲,村上很有可能成为一个时间悠久的‘陪跑者’”。
“村上春树得诺奖的希望不大了。”基于相似原因,村上春树作品的译者之一林少华表示。</p>
</body>
</html>
Preview
Clear
- Course Recommendations
- Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)
















