아래 지정된 위치에 3 개의 테이블 L1, L2, R1을 어떻게 배치합니까?
table.one {
float:left;
width:45%;
}
table.two {
width:45%;
float:right;
}
부트 스트랩이 필요하지 않습니다. 여기 있습니다.
.inlineTable {
display: inline-block;
}
table.one {
width: 45%;
display: inline-block;
}
table.two {
width: 45% float: left;
}
<div class="inline table">
<table class="one">
<tr>
<th>Month-1</th>
<th>Savings-1</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<table class="one">
<tr>
<th>Month-2</th>
<th>Savings-2</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</div>
<table class="two">
<tr>
<th>Month-3</th>
<th>Savings-3</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다