.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
1. 文字两端对齐
在很多排版设计中,大家希望文字在某一行上是两端对齐的。但是 CSS 没有提供相关的属性来实现这个效果。其中,经常会用到的text-align: justify;
属性只能让每一行末尾对齐,但并不能让首行与末行的对齐。因此,对于实现的场景,大家往往只能通过 JavaScript 或者其他工具来实现。
2. 父元素向子元素方向的选择器
CSS 选择器中,只有父元素选择器取出了子元素,而没有子元素选择器取出父元素。这就意味着大家无法通过 CSS 直接选中父/母元素的后代元素。
3. 垂直居中
垂直居中在 Web 开发中是一直存在的难点,特别是在需要居中的容器高度不确定时可能会出现问题。虽然 CSS 已经有了垂直居中的解决方案,但是还是无法处理某些场景下的垂直居中,如单行文字的垂直居中。
4. 多列等高布局
在需要多列等高时,CSS 的解决方案往往比较麻烦,因为需要处理浮动、定位等相关问题。并且在某些情况下,由于列高度的不确定性,大家无法按照原本想象的方式来进行布局。
总的来说,CSS 能力是非常强大的,但是它也存在无法实现的效果。在实际工作中,大家往往需要通过其他方式来解决这些问题。一方面,大家可以结合 JavaScript 或者其他工具来进行设计和实现;另一方面,大家也需要更加深入地研究 CSS 属性、伪类或者优秀的实践案例,以更好地运用 CSS 来设计出优秀的网页。