Nhận toàn quyền truy cập vào JavaScript. The Definitive Guide, 5th Edition và hơn 60 nghìn đầu sách khác, với 10 ngày dùng thử miễn phí O'Reilly
Ngoài ra còn có các sự kiện trực tuyến trực tiếp, nội dung tương tác, tài liệu chuẩn bị chứng nhận, v.v.
Để thêm một hàng trống trong HTML cho bảng của bạn, hãy sử dụng mã
, ngược lại, nếu bạn muốn thêm một hàng trống mà không sử dụng bảng, hãy sử dụng thẻ
Dưới đây là một số ví dụ minh họa cách thêm một hàng trống trông như thế nào trong mã HTML của bạn
Thêm hàng trống trong bảng HTML
Để thêm một hàng trống trong bảng HTML, hãy chèn một hàng của bảng với một ô của bảng và sử dụng thuộc tính colspan
để mở rộng chiều rộng của số lượng cột trong bảng. Trong ô của bảng chèn ký tự khoảng trắng để trình duyệt không thu gọn hàng
Đây là một ví dụ đầy đủ về những gì nó sẽ trông như thế nào
Header 1Header 2
First Row
Final Row
Cách xếp hạng trong Excel -Bỏ qua số không
Vui lòng bật JavaScript
Cách xếp hạng trong Excel -Bỏ qua số khôngVà đây là cách đoạn mã trên trông như thế nào
Như bạn có thể thấy, hàng ở giữa trống và trống, và bằng cách sử dụng thuộc tính
Header 1Header 2
First Row
Final Row
0 trên phần tử
Header 1Header 2
First Row
Final Row
1 đầu tiên, hàng trống kéo dài hai cột. Nếu không sử dụng thuộc tính colspan
, điều đó có nghĩa là một hàng trống sẽ trông như thế này
Header 1Header 2
First Row
Final Row
Header 1Header 2FirstRow FinalRowBạn vẫn có thể có một hàng trống, nhưng thay vì chỉ kéo dài một ô trên chiều rộng của hai cột, nó chỉ là một tập hợp các ô trống cho hàng đó
Nhưng tại sao lại sử dụng
Header 1Header 2
First Row
Final Row
3 [ký tự khoảng trắng không ngắt] trong mỗi ô?Nếu không có ký tự
Header 1Header 2
First Row
Final Row
3, hàng sẽ bị sập, như hình bên dưới
Header 1Header 2
First Row
Final Row
Tiêu đề 1Tiêu đề 2Hàng đầu tiênHàng cuối cùngNếu không có một số ký tự trong ô, chẳng hạn như ký tự khoảng cách không ngắt, trình duyệt sẽ thu gọn chiều cao của hàng. Do đó, có thể dễ dàng hơn để chèn một ký tự khoảng cách không ngắt hoặc thêm thuộc tính kiểu chiều cao vào ô, như vậy
Header 1Header 2
First Row
Final Row
Tiêu đề 1Tiêu đề 2Hàng đầu tiênHàng cuối cùngChèn một hàng ngang
Nếu bạn muốn chèn một hàng ngang giữa văn bản không có trong bảng HTML thì sao?
Một thẻ hữu ích để chèn một hàng trống giữa văn bản là thẻ , thẻ này sẽ chèn một hàng ngang giữa văn bản. Dưới đây là một ví dụ về giao diện của thẻ hàng ngang
Như bạn có thể thấy ở trên, thẻ tạo một đường ngang. Điều này tạo ra sự ngắt quãng giữa các văn bản
Bạn có thể tạo kiểu thêm cho dòng sao cho không có gì xuất hiện bằng cách chơi với thuộc tính
Header 1Header 2
First Row
Final Row
7, như vậy
Và ở trên là ứng dụng của thẻ với thuộc tính
Header 1Header 2
First Row
Final Row
9 của
Header 1Header 2
First Row
Final Row
0, và như bạn có thể thấy, có vẻ như một hàng trống đã được chèn vào trong văn bản của chúng taCó nhiều cách khác để chèn các dòng trống bằng HTML mà tôi khám phá ở đây
Xóa hàng trống
Nếu bạn cần xóa các hàng trống trong bảng của mình, chỉ cần tìm bất kỳ thẻ nào đã xác định được liệt kê ở trên, chẳng hạn như
1 [phầnHeader 1Header 2 First Row Final Row
2 có thể tiếp tục lặp lại tùy thuộc vào số lượng cột trong bảng]Header 1Header 2 First Row Final Row
[với
4 đại diện cho số cột trong bảng HTML]Header 1Header 2 First Row Final Row
Ví dụ: xóa mã
Header 1Header 2
First Row
Final Row
5 khỏi bảng HTML này sẽ tạo ra kết quả sau
Header 1Header 2
First Row
Final Row
Tiêu đề 1Tiêu đề 2Hàng đầu tiênHàng cuối cùngTóm lược
Để chèn một hàng trống vào bảng, đặt thuộc tính colspan
trên phần tử
Header 1Header 2
First Row
Final Row
1 thành số cột trong bảng của bạn. Để duy trì cùng chiều cao với các hàng còn lại trong bảng, hãy sử dụng ký tự
Header 1Header 2
First Row
Final Row
3, nếu không, để đặt chiều cao tùy chỉnh cho hàng trống, hãy sử dụng thuộc tính
Header 1Header 2
First Row
Final Row
9Để chèn một hàng trống vào một bức tường văn bản không có trong bảng, hãy sử dụng phần tử và đặt thuộc tính
Header 1Header 2
First Row
Final Row
9 thành
Header 1Header 2
First Row
Final Row
0. Thẻ
sẽ tự động kéo dài chiều rộng của văn bản và bằng cách đặt
Header 1Header 2
First Row
Final Row
9 thành
Header 1Header 2
First Row
Final Row
0, dòng sẽ bị xóa