在 css2 中文本溢出如何以点结束?我做的设计如下-
<div class="container">
<div style="padding-bottom:5px;"><span style="float:left;width:30%;">Address</span><span style="width:2%;">:</span><span style="padding-left:5px;width:60%;"><%#Eval("Address")%></span></div>
<div style="padding-bottom:5px;"><span style="float:left;width:30%;">City</span><span style="width:2%;">:</span><span style="padding-left:5px;width:60%;"><%#Eval("City")%></span></div>
<div style="padding-bottom:5px;"><span style="float:left;width:30%;">State</span><span style="width:2%;">:</span><span style="padding-left:5px;width:60%;"><%#Eval("State")%></span></div>
<div style="padding-bottom:5px;"><span style="float:left;width:30%;">PIN</span><span style="width:2%;">:</span><span style="padding-left:5px;width:60%;"><%#Eval("PostalCode")%></span></div>
</div>
css如下-
.container
{
background:#EFF2F7;
float:left;
margin:0px 15px 10px 0px;
border:1px solid #768BB7;
max-width:23%;
min-width:22%;
max-height:120px;
min-height:100px;
padding-left:2px;
}
最佳答案
您不能在 CSS 级别 2 或 2.1 中执行此操作。您只能在 CSS 3 中执行此操作。不过,浏览器支持很好,包括回到 IE6:https://developer.mozilla.org/en/CSS/text-overflow
overflow: hidden;
text-overflow: ellipsis;
关于html - css2中以点结尾的文本溢出应该如何完成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8255091/