HTML水平间隔对齐,html两个表水平对齐中心

2 个答案:

答案 0 :(得分：0)

添加＆＃39; display：inline-table;＆＃39; css到.table-fill css类，可以解决你的问题

＆＃13;

＆＃13;

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

body {

background-color: #FFFFFF;

font-family: "Roboto", helvetica, arial, sans-serif;

font-size: 16px;

font-weight: 400;

text-rendering: optimizeLegibility;

}

/*** Table Styles **/

.table-fill {

background: white;

border-radius: 3px;

border-collapse: collapse;

height: 120px;

max-width: 400px;

padding: 5px;

width: 100%;

box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

animation: float 5s infinite;

display:inline-table;

}＆＃13;

123

Val1a%

123

AÇILAN SANDIK11KALAN SANDIK11＆＃13;＆＃13;＆＃13;

答案 1 :(得分：0)

将text-align:center;添加到正文或表格的父级，display:inline-table;添加到.table-fill，并在整页视图中进行检查。

＆＃13;

＆＃13;

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

body {

background-color: #FFFFFF;

font-family: "Roboto", helvetica, arial, sans-serif;

font-size: 16px;

font-weight: 400;

text-rendering: optimizeLegibility;

text-align:center;

}

/*** Table Styles **/

.table-fill {

background: white;

border-radius: 3px;

border-collapse: collapse;

height: 120px;

max-width: 400px;

padding: 5px;

width: 100%;

box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

animation: float 5s infinite;

display: inline-table;

}＆＃13;

123

Val1a%

123

AÇILAN SANDIK11KALAN SANDIK11＆＃13;＆＃13;＆＃13;