"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > HTML 구조를 수정하지 않고 CSS 만 사용하여 3 열 수평 레이아웃을 어떻게 만들려면 어떻게해야합니까?

HTML 구조를 수정하지 않고 CSS 만 사용하여 3 열 수평 레이아웃을 어떻게 만들려면 어떻게해야합니까?

2025-01-25에 게시됨
검색:139

How can I create a three-column horizontal layout with CSS only, without modifying the HTML structure?

HTML 구조를 변경하지 않고 아래 그리드와 유사 하게이 열을 가로로 정리하려고합니다. ------------ -------------------------------------------- | | | | | 왼쪽 열 | 칼럼 센터 | 오른쪽 열 | | | | | --------------------------------------------------------- -

이를 달성하려면 CSS 속성을 사용하십시오. 너비 : 33.333%; } .column-right {float : 오른쪽; 너비 : 33.333%; } .Column-Center {디스플레이 : 인라인 블록; 너비 : 33.333%; }

Column center
Column left
Column right

그리고 다음과 같이 html을 사용하십시오 :

----------------------------------------------------
|              |                   |               |
| Column left  |   Column center   | Column right  |
|              |                   |               |
----------------------------------------------------
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3