<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <Html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/> <Title> CSS controls automatic hiding when text overflows </title> </Head> <Body> <Style> Ul {width: 120px; overflow: hidden ;} </Style> <Ul> <Li> fdafdafdafdafdsafdafdafsa \\\\\\\\\\\\=========</li> </Ul> <! -- Here we can define the ul width so that the above content will automatically hide the overflow with a width greater than 120 --> View instances again <Ul> <Li> The City of China's national shock cities and prefectures should be in full swing. </li> <Li> fdafdafdafdafdsafdafdafsa \\\\\\\\\\\\=========</li> </Ul> Fdafdafdafda China national shock city <br/> City, city, and Hall <br/> The soul of the far-reaching place <br/> Dream Dreams <br/> <! -- We can see that Chinese characters are hidden, but Chinese characters are not hidden. Here we need to know that English will not wrap automatically, but Chinese will, where we add white-space in the css tutorial: nowrap; force do not wrap --> <Style> Ul {width: 120px; overflow: hidden; white-space: nowrap ;} </Style> As shown in ie: Fdafdafdafda China national shock City </Html> |