css代码table {margin: 0 auto;}是什么意思? 网页css代码的 margin:0 auto是什么意思
\u6c42\u6559css\u4e2d\u5143\u7d20\u7684auto\u5c5e\u6027\u503c\u662f\u4ec0\u4e48\u610f\u601d\uff0c\u6bd4\u5982margin:0 auto\u8868\u793a\u4ec0\u4e48\uff1f\u628a\u4e00\u4e2a\u5c5e\u6027\u7684\u503c\u8bbe\u7f6e\u4e3aauto\uff0c\u5c31\u662f\u8ba9\u5404\u4e2a\u6d4f\u89c8\u5668\u5bf9\u8be5\u5c5e\u6027\u4f7f\u7528\u5404\u81ea\u7684\u9ed8\u8ba4\u503c\u3002
\u5b9a\u4e49\u4e00\u4e2a\u65b9\u5411\u4e3aauto\uff0c\u8ba9\u6d4f\u89c8\u5668\u81ea\u52a8\u9009\u62e9\u5408\u9002\u7684margin\uff08\u9875\u8fb9\u8ddd\uff09\u5927\u5c0f\uff1b
margin:0 auto\u53ef\u4ee5\u5b9e\u73b0\u6c34\u5e73\u5c45\u4e2d\uff0c\u5176\u76f8\u5f53\u4e8emargin\uff1a0\uff0cauto\uff0c0\uff0cauto
margin:auto = margin:auto auto auto auto;
margin:0 auto = margin:0 auto 0 auto;
margin:n m p q\u8868\u793a\u8be5\u5143\u7d20\u4e0a\u5916\u8fb9bai\u8ddd\u4e3an\uff0c\u53f3\u5916\u8fb9\u8ddd\u4e3am\uff0c\u4e0b\u5916\u8fb9\u8ddd\u4e3ap\uff0c\u5de6\u5916\u8fb9\u8ddd\u4e3aq\uff0c\u5373 margin:\u4e0a \u53f3 \u4e0b \u5de6 \uff0c\u9006\u65f6\u9488\u4e00\u5708\u3002
\u6269\u5c55\u8d44\u6599\uff1a
\u201cmargin:20px;\u201d\u8868\u793a\u56db\u4e2a\u65b9\u5411\u7684\u5916\u8fb9\u8ddd\u90fd\u662f20px\uff1b
\u201cmargin:20px 40px;\u201d\u8868\u793atop\u4e3a20px\uff0cright\u4e3a40px\uff1b\u7531\u4e8ebottom\u548cleft\u7f3a\u7701\uff0c\u6240\u4ee5\u81ea\u52a8\u5c06\u5b83\u4eec\u5206\u522b\u8bbe\u4e3a20px\u548c40px\u3002\u8f6c\u5316\u4e3a\u7b2c4\u79cd\u5199\u6cd5\u4e3a\uff1a\u201cmargin:20px 40px 20px 40px;\u201d\u3002
\u201cmargin:20px 40px 60px;\u201d\u8868\u793atop\u4e3a20px\uff0cright\u4e3a40px\uff0cbottom\u4e3a60px\uff1b\u7531\u4e8eleft\u7f3a\u7701\uff0c\u6240\u4ee5\u81ea\u52a8\u5c06\u5b83\u8bbe\u4e3a40px\u3002\u8f6c\u5316\u4e3a\u7b2c4\u79cd\u5199\u6cd5\u4e3a\uff1a\u201cmargin:20px 40px 60px 40px;\u201d\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1-margin
margin\u662f\u5916\u8fb9\u8ddd\u7684\u610f\u601d\uff0c\u5f53\u4e00\u4e2a\u5143\u7d20\u6837\u5f0f\u5c5e\u6027\u91cc\u6709margin:0 auto\u65f6\uff0c\u5e76\u4e14\u7236\u5143\u7d20\u7684\u5bbd\u5ea6\u662f\u786e\u5b9a\u7684\uff0c\u610f\u601d\u662f\u8fd9\u4e2a\u5143\u7d20\u5904\u4e8e\u5176\u7236\u5143\u7d20\u7684\u5c45\u4e2d\u4f4d\u7f6e\uff0c\u5e76\u4e14\u8fd9\u4e2a\u5143\u7d20\u7684\u4e0a\u4e0b\u5916\u8fb9\u8ddd\u4e3a0\u3002
margin\u8fd8\u6709\u5176\u4ed6\u914d\u7f6e\u7c7b\u578b\uff1a
margin-bottom\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u4e0b\u5916\u8fb9\u8ddd\u3002
margin-left\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u5de6\u5916\u8fb9\u8ddd\u3002
margin-right\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u53f3\u5916\u8fb9\u8ddd\u3002
margin-top\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u4e0a\u5916\u8fb9\u8ddd\u3002
\u6269\u5c55\u8d44\u6599\uff1a
css\u7684\u8bed\u8a00\u7279\u70b9\uff1a
1\u3001\u4e30\u5bcc\u7684\u6837\u5f0f\u5b9a\u4e49\uff1a
CSS\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u6587\u6863\u6837\u5f0f\u5916\u89c2\uff0c\u4ee5\u53ca\u8bbe\u7f6e\u6587\u672c\u548c\u80cc\u666f\u5c5e\u6027\u7684\u80fd\u529b\uff1b\u5141\u8bb8\u4e3a\u4efb\u4f55\u5143\u7d20\u521b\u5efa\u8fb9\u6846\uff0c\u4ee5\u53ca\u5143\u7d20\u8fb9\u6846\u4e0e\u5176\u4ed6\u5143\u7d20\u95f4\u7684\u8ddd\u79bb\uff0c\u4ee5\u53ca\u5143\u7d20\u8fb9\u6846\u4e0e\u5143\u7d20\u5185\u5bb9\u95f4\u7684\u8ddd\u79bb\uff1b\u5141\u8bb8\u968f\u610f\u6539\u53d8\u6587\u672c\u7684\u5927\u5c0f\u5199\u65b9\u5f0f\u3001\u4fee\u9970\u65b9\u5f0f\u4ee5\u53ca\u5176\u4ed6\u9875\u9762\u6548\u679c\u3002
2\u3001\u6613\u4e8e\u4f7f\u7528\u548c\u4fee\u6539\uff1a
CSS\u53ef\u4ee5\u5c06\u6837\u5f0f\u5b9a\u4e49\u5728HTML\u5143\u7d20\u7684style\u5c5e\u6027\u4e2d\uff0c\u4e5f\u53ef\u4ee5\u5c06\u5176\u5b9a\u4e49\u5728HTML\u6587\u6863\u7684header\u90e8\u5206\uff0c\u4e5f\u53ef\u4ee5\u5c06\u6837\u5f0f\u58f0\u660e\u5728\u4e00\u4e2a\u4e13\u95e8\u7684CSS\u6587\u4ef6\u4e2d\uff0c\u4ee5\u4f9bHTML\u9875\u9762\u5f15\u7528\u3002\u603b\u4e4b\uff0cCSS\u6837\u5f0f\u8868\u53ef\u4ee5\u5c06\u6240\u6709\u7684\u6837\u5f0f\u58f0\u660e\u7edf\u4e00\u5b58\u653e\uff0c\u8fdb\u884c\u7edf\u4e00\u7ba1\u7406\u3002
3\u3001\u591a\u9875\u9762\u5e94\u7528
CSS\u6837\u5f0f\u8868\u53ef\u4ee5\u5355\u72ec\u5b58\u653e\u5728\u4e00\u4e2aCSS\u6587\u4ef6\u4e2d\uff0c\u8fd9\u6837\u6211\u4eec\u5c31\u53ef\u4ee5\u5728\u591a\u4e2a\u9875\u9762\u4e2d\u4f7f\u7528\u540c\u4e00\u4e2aCSS\u6837\u5f0f\u8868\u3002CSS\u6837\u5f0f\u8868\u7406\u8bba\u4e0a\u4e0d\u5c5e\u4e8e\u4efb\u4f55\u9875\u9762\u6587\u4ef6\uff0c\u5728\u4efb\u4f55\u9875\u9762\u6587\u4ef6\u4e2d\u90fd\u53ef\u4ee5\u5c06\u5176\u5f15\u7528\u3002\u8fd9\u6837\u5c31\u53ef\u4ee5\u5b9e\u73b0\u591a\u4e2a\u9875\u9762\u98ce\u683c\u7684\u7edf\u4e00\u3002
margin:5px; /*四边外边距都为5px*/
margin:5px 10px; /*上下外边距5px，左右外边距10px*/
margin:5px 10px 15px; /*上外边距5px，左右外边距10px，下外边距15px*/
margin:5px 10px 15px 20; /*顺时针方向：上5px，右10px，下15px，左20px*/
margin:0 auto; /* 上下外边距为0，左右自动，实际效果为左右居中 */
table {margin: 0 auto;}
就是说设定页面里table表格的上下外边距为0，左右自适应居中
margin:10px 20px 30px 40px;
4个值是 是指上 右 下 左 4个方向的距离
margin:0 auto；
2个值是 是指 （上下） （左右) 一起控制
那么 margin:0 auto；的意思 就是 上下距离是0 左右距离自动 也就是说 是居中的意思！~
扩展阅读：www.sony.com.cn ... 免费css网站 ... 可直接进入网站的代码 ... 代码大全 ... javascript入门 ... html+css代码大全 ... js代码大全网站源码 ... 免费代码生成器 ... css代码网站 ...
