当前位置: 首页 > Web前端 > CSS

常用css代码片段合集

时间:2023-03-31 10:47:06 CSS

css文本过长,显示省略号单行文字溢出:hidden;text-overflow:ellipsis;white-space:nowrap;多行文字显示:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;//设置要显示的行数overflow:hidden;使用flex布局实现css溢出滑动,代码非常简单。列表{显示:弹性;overflow-x:auto;}.item{flex-shrink:0;}item

item
>item
item
item文字溢出不占用影响。flex布局下,后代元素使用超长文本省略异常问题。使用下面的css不行的话就在main里面加一个width:0就解决了asidemain.box{display:flex;justify-content:space-between;}.aside{flex-shrink:0;}.main{flex:1;}//如果给title元素添加文本省略了css,也会出现这种情况,所以同理,给main元素加上width:0也可以解决leftLongText超长文本超长文本超长文本超长文本超长文本超长文本right完整示例flex布局位于其上display:flex;证明内容:空格之间;预期效果实际解决方法是在末尾放置一个透明占位符

猜你喜欢