| .container{ text-align:center; } .content{ display:inline-block; text-align:left; } |
首选最小宽度
这个简单的理解就是元素的实际宽度取决于内容的最小单元，这个优先级比width:0高。比如你设置了宽度是0，但是内容有一个汉字，就会有一个汉字的大小；为一个单词就会显示一个单词的大小。
这种实际的用途可以做各种简单的图形，比如凹凸形状的，然后内容设置为白色就可以。
| .ao{ width:0; display:inline-block; } .ao:before{ color:#fff; content:'love你love'; outline:2px solid #000; } |
最大宽度
最大宽度就是元素可以有的最大宽度，一般情况下我们用于限制文字或者内容特别多的情况。这样的实际场景并不多。
在这里我们只延伸两种滚动效果，一种是原生的页面或者dom滚动，另一种就是iscroll那样的设置内部元素与容器的位置关系来展现，效果更好。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易采站长站。
