CSS 기본 튜토리얼 오버플로 속성

overflow 속성: 내용이 넘쳤을 때 표시하는 방법

overflow: 내용이 넘쳤을 때 넘친 내용을 표시하는 방법. 값: visible(표시), hide(숨김), 스크롤(스크롤 막대 표시), auto(자동)

<!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>

오버플로의 다른 여러 값을 시도해 볼 수도 있습니다

지속적인 학습

새로운 파일

<!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>

제출하다 코드 재설정

자동운전