Các phần tử CSS 2 cạnh nhau trong div

Làm cách nào để đặt hai div cạnh nhau có cùng chiều cao bằng CSS?

Nội dung chính Show

Vui lòng Đăng nhập để nhận xét.

Cải thiện bài viết

Lưu bài viết

Thích bài viết

Độ khó. Dễ dàng
Cập nhật lần cuối. 20 tháng 5 năm 2021

Đọc

Bàn luận

khóa học

Luyện tập

Băng hình

Cải thiện bài viết

Lưu bài viết

Hai hoặc nhiều div khác nhau có cùng chiều cao có thể được đặt cạnh nhau bằng CSS. Sử dụng thuộc tính CSS để đặt chiều cao và chiều rộng của div và sử dụng thuộc tính hiển thị để đặt div ở định dạng cạnh nhau.
Thuộc tính hiển thị được sử dụng được liệt kê bên dưới.

trưng bày. cái bàn;
trưng bày. bảng-ô;
trưng bày. hàng trong bảng. Thuộc tính này được sử dụng cho các phần tử (div) hoạt động như tr

Ví dụ 1.

html

<html>

<head>

<<0>

<2____13

<4<5

<4<7

<2____19

<2____21

<4html3

<2____19

<2____27

html8html9

>0>1

>0

<2____19

>5

>6

<2____38

<4 0

<4 2

<4 4

5<9

<2____48

<4<0

<4<2

<2____19

____16<0>

<6____6>

____1____65>

____1head9>0head9>

__<>5 >6>7>8>

<2____1>5 >6>7 5>

<4<>5 >6>7<2>

<4<>5 >6>7<9>

<4<02

<4<04

<4<06

<4<08

<4<10

<4<12

<4<14

<4<6____35>

<4<>5 >6>7<24>

<4<27

<4<29

<4<31

<4<33

<4<35

<4<37

<4<39

<4<6____35>

<2______16____35>

____16____35>

____16____65>

<6html____162

Đầu ra.

Ví dụ 2. Ví dụ này chứa nhiều số lượng div được đặt cạnh nhau bằng CSS.

html

<html>

<head>

<<0>

<2____27

<4<78

<4<80

<4<82

<2____19

<2____186

<4<88

<2____19

<2____192

<4<94

<4<96

<4<98

<4html00

<2____19

____16<0>

<6____6>

____1____65>

__<>5 >6>7>8>

<2____1>5 >6>7 5>

<4<>5 >6>7<2>

<4<>5 >6>7<9>

html43<html45 html46>7

html49 html50>7html52 html53

<4<6____35>

<4<>5 >6>7<24>

html43<html45 html46>7

html71 html50>7html52 html53

<4<6____35>

<4<>5 >6>7html85>

html43<html45 html46>7

html93 html50>7html52 html53

<4<6____35>

<4<>5 >6>7>07>

html43<html45 html46>7

>15 html50>7html52 html53

<4<6____35>

<2______16____35>

____16____35>

____16____65>

<6html____162

Đầu ra.

Ghi chú cá nhân của tôi arrow_drop_up

Tiết kiệm

Vui lòng Đăng nhập để nhận xét.

programming css

Các phần tử CSS 2 cạnh nhau trong div

html

html

Vui lòng Đăng nhập để nhận xét.

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội