Home > Developer > Web Develop
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title></title>
<style type= "Text/css" >
. inaline
{
Overflow:hidden;
White-space:nowrap;
Text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
}
. intwoline
{
Display:-webkit-box!important;
Overflow:hidden;
Text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
</style>
<body>
<div class= "Inaline" style= "width:200px; height:50px; " >
Here is an example of a single-line text overflow Here is an example of a single-line text overflow Here is an example of a single-line text overflow Here is an example of a single-line text overflow here
</div>
<div class= "Intwoline" style= "width:300px;" >
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of multiple lines of text overflow here
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of multiple lines of text overflow here
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of multiple lines of text overflow here
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of multiple lines of text overflow here
Here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of a multiline text overflow here is an example of multiple lines of text overflow here
</div>
</body>
CSS implements multi-line text overflow ellipsis effect and single line text overflow ellipsis effect
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
