display-table-table-cell :

display:table-cell || display:table-row || display:table-cell
text-align:left/center/right || vertical-align:top/middle/bottom

<div style="display:table;width: 100%;font-size: 20px;"> <div style="display:table-row;height: 200px;"><div style="width:33%;border: 1px solid #f00;text-align:center;vertical-align:top;display:table-cell;">text-align:center;<br>vertical-align:top;</div> <div style="width:33%;border: 1px solid #f00;text-align: center;vertical-align: middle;display: table-cell;height: 100%;">text-align: center;<br>vertical-align: middle;</div> <div style="border: 1px solid #f00;text-align: center;vertical-align: bottom;display: table-cell;height: 100%;">text-align:center;<br>vertical-align: bottom;</div> </div> <div style="display: table-row;height: 200px;"><div style="width:33%;border: 1px solid #f00;text-align:left;vertical-align:top;display:table-cell;">text-align:left;<br>vertical-align:top;</div> <div style="width:33%;border: 1px solid #f00;text-align: center;vertical-align: middle;display: table-cell;height: 100%;">text-align: center;<br>vertical-align: middle;</div> <div style="border: 1px solid #f00;text-align:right ;vertical-align: bottom;display: table-cell;height: 100%;">text-align:right ;<br>vertical-align: bottom;</div> </div>

00

值	描述
display:table	顯示 表格（類似 <table>）
display:table-row-group	行的分組 （類似 <tbody>）
display:table-header-group	表格頭組 （類似 <thead>）
display:table-footer-group	表格尾組（類似 <tfoot>）
display:table-row	表格換行（類似 <tr>）
display:table-column-group	列的分組 （類似 <colgroup>）
display:table-column	格列顯示（類似 <col>）
display:table-cell	表格單元格（類似 <td> 和 <th>）
display:table-caption	表格標題（類似 <caption>）

#html#script#display:table-cell#display:table-row#display:table#text-align:right
#text-align:center#text-align:left#vertical-align:top#vertical-align:middle#vertical-align:bottom