CSS Tutorial automatic hiding when text overflows
Syntax: overflow:visible | Auto | Hidden | Scroll
Visible:: Do not cut content nor add scroll bars. If you explicitly declare this default value, the object will be clipped to the size of the window or frame that contains the object. and the Clip property setting will fail.
Auto: This is the default value for the Body object and Textrea. Cut content and add scroll bars when needed
Hidden: does not display content that exceeds the size of the object.
Scroll: Scroll bars are always displayed.
Instance
body {Overflow:hidden;}
div {overflow:scroll; height:100px; width:100px;}
css
<!doctype HTML Public-//w3c//dtd XHTML 1.0 strict//en "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-STRICT.DTD"
<html xmlns= "http://www.w3.org/1999/xhtml"
<head>
<meta http-equiv= "Content-type" content= "HTML; Charset=utf-8 "/>
<title>jzread.com</title>
<style type=" Text/css "
#yc {
Width : 180px;
height:100px;
Overflow:hidden;
}
</style>
</head>
<body>
<div id= "YC"
<table cellspacing= "0" cellpadding= "0"
<tr>
<td>jzread.com Professional div Tutorials jzread.com Professional div Tutorials jzread.com Professional div Tutorials </td>
</tr>
<tr>
<td>jzread.com Professional div Tutorials jzread.com Professional div Tutorials jzread.com Professional div Tutorials </td>
</tr>
<tr>
<td>jzread.com Professional Div Tutorials jzread.com Professional div Tutorials jzread.com Professional div Tutorials </td>
</tr>
</table>
</div>
</body>
</ Html>
&NBSP
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
