对盒子容纳不下的内容隐藏

</head>
<style>
div{
overflow:hidden;////hidden将文字超出来的隐藏,scroll让文字滚动。
width:300px;
height:150px;
border: solid 1px #FC0;

white-space:nowrap;//不让文字进行换行

}

</style>
<body>
<div>
<p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
<p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
</div>

</body>
</html>

posted @ 2015-07-29 15:35  大发明家  阅读(146)  评论(0编辑  收藏  举报