不值一提的 flex-basis ,却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。 1. flex 家族 flex 里有很多的属性,我们经常用到的就是如下操作: .container { display: flex; } .container > .left { flex: 1; } .container > .right { flex: 1; } 这样可以很方便的实现一个左右等分的布局。 我们来看一个引起问题的例子: <!DOCTYPE html> <html lang=en> <head> <meta c