本例代码中包含两个导航条,且都处于内容溢出状态。导航条1中使用了弹性布局的自动边距特性(auto margins),导航条2中使用了自我对齐(align-self)属性的center值来居中。可以看到在使用自动边距时,对于靠近页面左边的菜单条,可以看到菜单名的全部,而使用align-self: center后,由于是居中对齐,部分菜单被遮挡。

CSS3,教程

JavaScript
语言:
CSS
语言:
HTML
导入代码模板: