Tôi có một cái gì đó như thế này:
Nội phân Chính showShow
- Làm thế nào để thêm một dòng phá vỡ vào phần tử HTML chỉ bằng CSS?
- Tìm hiểu nhiều cách khác nhau, chỉ có thể thêm vào một dòng chữ CSS bằng cách sử dụng CSS
- Dòng phá vỡ giữa các dòng văn bản
- Dòng phá vỡ giữa các phần tử HTML
- Đặt Hiển thị: Khối; Trên phần tử:
- Sử dụng ký tự trả về vận chuyển [\ A] làm nội dung trong phần tử giả:
- Làm cách nào để buộc một dòng phá vỡ trong CSS?
- Làm cách nào để buộc một dòng mới?
- Làm thế nào để bạn buộc một dòng mới trong HTML?
- Làm thế nào để bạn tạo một dòng mới trong một div?
Nội phân chính
- Làm thế nào để thêm một dòng phá vỡ vào phần tử HTML chỉ bằng CSS?
- Tìm hiểu nhiều cách khác nhau, chỉ có thể thêm vào một dòng chữ CSS bằng cách sử dụng CSS
- Dòng phá vỡ giữa các dòng văn bản
- Dòng phá vỡ giữa các phần tử HTML
- Đặt Hiển thị: Khối; Trên phần tử:
- Sử dụng ký tự trả về vận chuyển [\ A] làm nội dung trong phần tử giả:
- Làm cách nào để buộc một dòng phá vỡ trong CSS?
- Làm cách nào để buộc một dòng mới?
- Làm thế nào để bạn buộc một dòng mới trong HTML?
- Làm thế nào để bạn tạo một dòng mới trong một div?
Post by Author
Nội phân chính
Post by
Author
Và tôi muốn hiển thị liên kết trong một dòng mới, như thế này
Làm thế nào tôi có thể đạt được điều này? Rõ ràng: Còn lại không hoạt động.Jul 18, 2013 at 10:31
hỏi ngày 18 tháng 7 năm 2013 lúc 10:31Sebastian Starke
Sebastian Starkesebastian Starke3 gold badges22 silver badges35 bronze badges
5
5.0363 Huy hiệu vàng22 Huy hiệu bạc35 Huy hiệu Đồng
a{
display: block;
}
Sử dụng thuộc tính hiển thị
Điều này sẽ làm cho liên kết để hiển thị trong dòng mới
li{
list-style: none;
}
Nếu bạn muốn xóa kiểu dáng danh sách, hãy sử dụng
Stephen p2 gold badges43 silver badges65 bronze badges
Huy hiệu vàng 14K243 Huy hiệu bạc65 Huy hiệu đồngJul 18, 2013 at 10:37
Đã trả lời ngày 18 tháng 7 năm 2013 lúc 10:37Shiva Avula
Shiva Avulashiva Avula1 gold badge19 silver badges28 bronze badges
2
1.8161 Huy hiệu vàng19 Huy hiệu bạc28 Huy hiệu đồng
a:before {
content: '\a';
white-space: pre;
}
Làm thế nào về một giả giả
Post by
Author
3:Apr 8, 2014 at 0:064
Đã trả lời ngày 8 tháng 4 năm 2014 lúc 0:06
a {
display: inline-block;
}
Hoặc bạn có thể sử dụng:Apr 22, 2014 at 10:21
Đã trả lời ngày 22 tháng 4 năm 2014 lúc 10:21Ya Basha
Ya Bashaya Basha6 gold badges30 silver badges50 bronze badges
1
1.8136 huy hiệu vàng30 Huy hiệu bạc 50 Huy hiệu đồng
Sử dụngPost by
Author
4 hoặc Post by
Author
5 -
Post by
Author
Post by
Author
HOẶC
hoặc
Post by Author
tạo thành phần
Post by
Author
6 Post by
Author
7ThửJul 18, 2013 at 10:38
Đã trả lời ngày 18 tháng 7 năm 2013 lúc 10:38Ishan Jain
Ishan Jainishan Jain9 gold badges46 silver badges75 bronze badges
5
Làm thế nào để thêm một dòng phá vỡ vào phần tử HTML chỉ bằng CSS?
Tìm hiểu nhiều cách khác nhau, chỉ có thể thêm vào một dòng chữ CSS bằng cách sử dụng CSS
- 7.8999 Huy hiệu vàng46 Huy hiệu bạc75 Huy hiệu Đồng
- 03 tháng 6 năm 2020
2 phút đọc
Dòng phá vỡ giữa các dòng văn bản
Trong bài đăng này, chúng tôi sẽ khám phá nhiều cách khác nhau để tạo một dòng trong nội dung của chúng tôi chỉ bằng CSS.
Văn bản gói | 0 | 0 | Bảo tồn |
Không có bọc | 0 | 0 | Bảo tồn |
Không có bọc | 0 | Bảo tồn | Bảo tồn |
Không có bọc
p { white-space: pre-line; }
Post by
Author
0a{
display: block;
}
1Dòng phá vỡ giữa các phần tử HTML
Bọc
Đặt Hiển thị: Khối; Trên phần tử:
2a{ display: block; }
Sử dụng ký tự trả về vận chuyển [\ A] làm nội dung trong phần tử giả:
Sụp đổ
1Post by Author
2Post by Author
Sử dụng một trong hai thuộc tính này sẽ làm cho phần tử hoạt động giống như một yếu tố
3 [ví dụ như bảo tồn newlines], ví dụ:a{ display: block; }
Điều này không hoạt động trong IE-7 trở xuống.
- Các phần tử cấp khối theo mặc định bắt đầu trên một dòng mới [trừ khi hành vi mặc định bị ghi đè bởi quy tắc CSS]. Tuy nhiên, để buộc các yếu tố nội tuyến vào một dòng mới, bạn có thể thực hiện bất kỳ điều gì sau đây:
- Đây có thể là một trong những rõ ràng nhất; Một phần tử cấp khối bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn cho nó. Vì vậy, bạn có thể sử dụng phần tử cấp khối hoặc đặt bất kỳ thuộc tính CSS của phần tử HTML nào thành
4.a{ display: block; }
- Bạn có thể thêm một dòng mới bằng cách sử dụng các yếu tố giả
5 hoặca{ display: block; }
6 như vậy:a{ display: block; }
Làm cách nào để buộc một dòng phá vỡ trong CSS?
Tài sản
8 trong trường hợp này rất quan trọng để hoạt động này. Cũng lưu ý rằng, cài đặt Post by
Author
8 sẽ giữ văn bản trong cùng một dòng. Để hoạt động này, thuộc tính a{
display: block;
}
9 nên được đặt thành a{
display: block;
}
0..li{
list-style: none;
}
Hy vọng bạn tìm thấy bài viết này hữu ích. Nó được xuất bản ngày 15 tháng 5 năm 2018 [và được sửa đổi lần cuối 03 tháng 6 năm 2020]. Hãy thể hiện tình yêu và sự hỗ trợ của bạn bằng cách chia sẻ bài đăng này.
Frontend
Làm cách nào để buộc một dòng mới?
Làm thế nào để bạn buộc một dòng mới trong HTML?Move the text cursor to where you want the new line to begin, press the Enter key, hold down the Shift key, and then press Enter again.
Làm thế nào để bạn buộc một dòng mới trong HTML?
Làm thế nào để bạn tạo một dòng mới trong một div?
Làm thế nào để bạn tạo một dòng mới trong một div?
Nội phân chính
HTML element produces a line break in text [carriage-return].