테이블 3 개를 왼쪽 상단에, 두 번째 테이블을 그 아래 (왼쪽), 세 번째 테이블을 오른쪽 상단에 놓습니다.

산토스 자미

아래 지정된 위치에 3 개의 테이블 L1, L2, R1을 어떻게 배치합니까?

  1. 왼쪽 상단의 L1
  2. 왼쪽 L1 아래 L2
  3. 오른쪽 상단의 R1
table.one {
float:left;
width:45%;
}

table.two   {
width:45%;
float:right;
}

https://jsfiddle.net/Lvsu0vdz/

레이첼 갈렌

부트 스트랩이 필요하지 않습니다. 여기 있습니다.

 .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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관