单行效果:
Document四岁的弗拉吉米尔在西红柿上挖了个洞,她用勺子搅了半天,突然哭了起来。“孩子,怎么了?为什么哭呢?”妈妈问。“你们都说西红柿里有维生素,可我怎么就找不着呢?”
* {
margin: 0px;
padding: 0px;
background: #f5f5f5;
}
.cont {
margin: 50px auto;
width: 400px;
border: 1px solid #ccc;
padding: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #fff;
}
备注:
主要起作用代码:
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
多行效果:
代码:
Document.wrapper {
width: 400px;
margin: 50px auto;
height: auto;
border: 1px solid #ccc;
padding: 20px;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
【成语故事】宋朝时期,真宗下令访天下隐者,得到一个会作诗的杞人杨朴,召见时他却说不会诗,真宗问他临行有人作诗送他否?杨朴回答说:""臣妻有诗一首:更休落魄贪杯酒,亦莫猖狂爱咏诗。今朝捉将官里去,这回断送老头皮。""真宗大笑,就放他还山"