我想让CSS菜单自动调整全宽.
HTML:
CSS:
.menu { text-align: justify; font-size: 0; font-size: 14px\9; /* IE6-9 hack */ line-height: 0; } .menu:after { content: ''; display: inline-block; width: 100%; height: 0; zoom: 1; *display: inline; } .menu ul { list-style: none; padding: 0; margin: 0; display: inline; } .menu ul li { display: inline-block; font-size: 14px; zoom: 1; *display: inline; } .menu ul li a { line-height: 54px; }
演示
它在Chrome/Firefox上运行良好,但不适用于IE 10-11.Coud有人请帮帮我解决这个问题?
我有同样的问题,添加text-justify:分发到你的.menu,它会正常工作.