樱花树下'

摘要： 我们在日常项目中都会遇到这样的问题弹性盒子无论怎么设置总是达不到下面这种效果 实现代码 //less .box { width: 100%; height: auto; display: flex;//开启弹性盒子 flex-wrap: wrap;//允许换行 .port { width: 20%; 阅读全文

摘要： width: 200px; //宽度看个人需求可以定也可不定默认可视父盒子宽度 text-overflow: ellipsis;//文本超出显示省略号 overflow: hidden;//超出隐藏 // white-space: nowrap;//文本不换行 display: -webkit-bo 阅读全文

摘要： 如果不由文字撑开而是定下的宽高效果如下 问题很明显，当文字内容比较少的时候，就会有很大的空隙，所以看起来就不是很美观。 如果是又文字撑开的话，看起来就比较的美观。如下图所示。 显然现在看起来更加的美观。 做法两种 1.div 设置为float 2.div 设置为inline-block 阅读全文