화면에 공간이 충분하면 테이블을 나란히

StackOverflow https://stackoverflow.com/questions/402817

  •  03-07-2019
  •  | 
  •  

문제

화면에 나란히 배치되는 두 개의 HTML 테이블이 있습니다. 와이드 스크린 모니터는이 벌금에 대처할 것이지만 테이블은 너무 넓어서 대부분의 구식 모니터에서 나란히 있습니다. 따라서 해상도가 충분히 높은 경우에만 CSS (또는 가능하면 HTML, 심지어 HTML 만)를 사용하고 싶습니다.

이것은 일반적으로 이미지와 함께 자동으로 작동하지만 테이블을 위해 할 수있는 방법이 있습니까?

도움이 되었습니까?

해결책

예, CSS 스타일 플로트를 적용하십시오 : 테이블 요소에 왼쪽

다음은 플로팅에 대한 훌륭한 프라이머입니다. http://css.maxdesign.com.au/floatutorial/

다른 팁

제 조언은 테이블을 떠 다니는 것입니다 (테이블 너비를 지정하는 것을 기억하십시오 - 비 전역 모니터에서 가득 찬 것을 선택하십시오).

table {
    width: 500px; /* important */
    float: left;
}

그러나 이것은 또한 (테스트되지 않은) 효과가있을 수 있습니다.

table {
    display: inline;
}

이것을 시도하십시오 (창 크기를 변경할 수 있음) :

<html>
<body bgcolor="red">
<p>
    <table bgcolor="green" style="float: right;">
    <tr>
        <td>sssssssssssssssssssssssssssssssssssssssssss</td>
    </tr>
    </table>

    <table bgcolor="blue" style="float: left;">
    <tr>
        <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
    </tr>
    </table>
</p>
</body>
</html>

-->

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top