肉渣教程

CSS Max-width

上一节 下一节

CSS布局 - 善用max-width

大多容器类型的HTML元素都是块级元素(Block),譬如最常用的div元素。这些元素本身就是会占据整行宽度。在部分场景下,如果使用max-width来取代width的功效,会使网页的自适应能力更强。配上使用margin:auto;会更加美观。

这些都是已经学过的,这里说的只是一些处理技巧,如下例所示:

div.ex1 {
    width:360px;
    margin: auto;
    border: 3px solid #46acb6;
}

div.ex2 {
    max-width:360px;
    margin: auto;
    border: 3px solid #46acb6;
}

运行一下


CSS Max-width

上一节 下一节