Hướng dẫn span next line css - span dòng tiếp theo css
Tôi đang sử dụng một công cụ tạo trước mã, nhưng chúng tôi có thể thao tác một số mã bằng PHP, JavaScript, HTML và CSS. Vì vậy, tôi có một siêu liên kết có hình ảnh và nhãn cho nó. Nhưng tôi cần nhãn được hiển thị bên dưới hình ảnh. Đây là cách mà mã được tạo ở đó
Vì vậy, tôi cần phải phá vỡ một dòng trước phần tử nhịp. Làm thế nào tôi có thể làm điều đó? Tôi đã cố gắng sử dụng các CSS sau, nhưng nó không hoạt động:
Alpha Phù bằng vàng 140K2727 gold badges283 silver badges303 bronze badges hỏi ngày 5 tháng 2 năm 2018 lúc 16:35Feb 5, 2018 at 16:35
3 thử cái này . Nó có thể giải quyết vấn đề của bạn
Đã trả lời ngày 5 tháng 2 năm 2018 lúc 16:40Feb 5, 2018 at 16:40
Samehanwarsamehanwarsamehanwar 2.5952 Huy hiệu vàng16 Huy hiệu bạc21 Huy hiệu đồng2 gold badges16 silver badges21 bronze badges 0 Thẻ trông như thế này^ trông như thế này^
Thẻ 0 cũng hoàn toàn hợp lệ, sở thích cá nhân của tôi là viết nó như trên dòng riêng của nó để rõ ràngĐã trả lời ngày 5 tháng 2 năm 2018 lúc 16:43Feb 5, 2018 at 16:43
2
CSSThuộc tính white-space Định nghĩa và sử dụngtag { white-space: giá trị; } Thuộc tính white-space xác định khoảng trắng có bên trong thành phần được xử lý như thế nào.
Ví dụHTML viết:
Hiển thị trình duyệt khi chưa có CSS:Đây là đoạn text có chiều dài hai dòng, chúng ta sẽ sử dụng đoạn text này để dùng làm ví dụ cho thuộc tính white-space CSS viết:p span { white-space: nowrap; } Hiển thị trình duyệt khi có CSS:Đây là đoạn text có chiều dài hai dòng, chúng ta sẽ sử dụng đoạn text này để dùng làm ví dụ cho thuộc tính white-spacethuộc tính white-space CSS viết: Hiển thị trình duyệt khi có CSS:Trên ví dụ trên ta đã dùng thuộc tính white-space: nowrap; cho thành phần , do đó đoạn text trong thành phần sẽ hiển thị trên cùng một dòng. Trình duyệt hỗ trợ |