WEB - CSS实现的最小宽度自适应居中

不记得是在那个网页上看到的一个效果了,反正用这还挺好用得.

实现自适应居中的功能可以用margin:0 auto,可能在body上还要加上text-align: center,这样DIV之类的布局就能居中显示了,能满足一般需求。

但是这个自适应并没有最小限制,浏览器多小，页面就多小,不利于布局,于是引入最小宽度,min-width,但是ie好像不支持,后来在网到个解决办法,在html标签中使用能解决此问题.下为代码.

html {
	*width: expression(documentElement.clientWidth <                 1000 ? 
		           
		   "1000px" :        
		      "auto");
	min-width: 1000px;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

搞定,最小宽度为1000px,可以自己修改啦