Tôi muốn làm rõ liệu có thể hay không tạo một div phù hợp với kích thước của nó dựa trên kích thước của nội dung mà không cần phải làm cho các phần tử nổi hoặc phải đặt vị trí của chúng là tuyệt đối. Nó có khả thi không?
Tôi muốn làm rõ liệu có thể hay không tạo một div phù hợp với kích thước của nó dựa trên kích thước của nội dung mà không cần phải làm cho các phần tử nổi hoặc phải đặt vị trí của chúng là tuyệt đối. Nó có khả thi không?
Câu trả lời:
displayCài đặt CSSTất nhiên là có thể - Bằng chứng về khái niệm JSFiddle nơi bạn có thể thấy cả ba giải pháp khả thi:
display: inline-block- đây là cái mà bạn không biết
position: absolute
float: left/right
Bạn có thể sử dụng display: inline-block.
position:absolute. Nó là tốt nhất có thể. Nhấp vào liên kết trong câu trả lời của tôi.
Bạn có thể dùng:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
CHỈNH SỬA: Không. Xem http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
CŨNG CÓ: http://dev.w3.org/csswg/css-box-3/
-webkit-fit-contenthoặc -moz-fit-contenttùy thuộc vào trình duyệt bạn sử dụng.
display: block-inline!! (nghĩa là hành xử bên ngoài như một khối nhưng bên trong như một khối bên trong - ngược lại vớiinline-block)