qq_43149187的博客

1. 不超一行 <style> .one { width: 200px; background: #000; color: red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <div class="one">文字不超过1行，文字不超过1行，文字不超过1行</div> 效果 2. 不超多行 <style> .tw.

padding-bottom/top 属性使用百分比，跟width相同，都是按照父元素宽度的比例定的。 <style> .box { width: 200px; height: 200px; background: #000; position: relative; } .item { width: 80%; padding-bottom: 10%;/* 关键 */ background: #fff; position: absolute; left: ..