@charset "utf-8";
/* CSS Document */

/*

body {
	padding: 0px;
	margin: 0px;
}
.table {
	display: table;				 display：table; 时，table 的 padding 设置失效 
	width: 100%;
	min-width: 600px;
	margin: 0px;

	border: 1px solid red;
}
.row {
	display: table-row;			 display：table-row; 时，row 的 margin 和 padding 设置失效 
}
.cell {
	display: table-cell;		 display：table-cell;时，cell 的 margin 设置失效 
	padding: 0px;
	vertical-align: middle;		 vertical-align 属性生效：定义行内元素垂直对齐 
	text-align: justify;		 两端对齐 

	height: 200px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 1px solid green;
}

<div class="table">
    <!--<div class="row">-->
        <div class="cell" style="background: blue;"></div>
        <div class="cell" style="width: 600px;">中间内容</div>
        <div class="cell" style="background: yellow;"></div>
   <!-- </div>-->
</div>

*/


.table {
	display: table;				/* display：table; 时，table 的 padding 设置失效 */
	width: 100%;
	/*min-width: 600px;*/
	margin: 0px;
	/*border: 1px solid red;*/
}
.row {
	display: table-row;			/* display：table-row; 时，row 的 margin 和 padding 设置失效 */
	/*padding: 10px;
	margin: 10px;*/
}
.cell {
	display: table-cell;		/* display：table-cell;时，cell 的 margin 设置失效 */
	padding: 0px;
	/*vertical-align: middle;		 vertical-align 属性生效：定义行内元素垂直对齐 */
	text-align: justify;		/* 两端对齐 */
	/*height: 200px;*/
	/*border: 1px solid green;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
}