Tôi đã phát hiện ra một vấn đề CSS lạ vào sáng nay và tôi hy vọng các chuyên gia CSS có thể giúp tôi. Trong this demo, tại sao văn bản trong div màu đỏ đẩy nó xuống? Tôi mong rằng hai div sẽ ở cạnh nhau. Cảm ơn!
EDIT: Cảm ơn các bạn đã trả lời. Tôi sẽ chấp nhận một câu trả lời trong một chút. Bất cứ ai có thể giải thích lý do tại sao điều này xảy ra?Văn bản trong div chặn nội tuyến đẩy nó xuống
Trả lời
...........................
Hi nay sử dụng để vertical-align: top;
div {
display: inline-block;
height: 50px;
width: 50px;
vertical-align: top;
}
Thêm float:left
giải quyết vấn đề.
tôi nghĩ nó sẽ là thú vị để biết lý do tại sao nó đang làm việc theo cách này với văn bản. –
@TimotheeTosi Tôi nhận thấy rằng, tôi không biết tại sao, bạn có thể cho tôi biết.Cảm ơn. – freebird
"inline-block yêu cầu các trình duyệt đặt nội tuyến đó vào phần tử, nhưng để xử lý nó như thể nó là một phần tử mức khối." Vì vậy, bạn có thể nổi nó! http://joshnh.com/2012/02/07/why-you-should-use-inline-block-when-positioning-elements/ – BenRacicot
- 1. Ngăn chặn div tương đối vị trí khỏi việc đẩy nội dung xuống
- 2. Định tâm một khối nội tuyến DIV
- 3. Tại sao div nội tuyến chặn được định vị thấp hơn khi có nội dung?
- 4. Khối nội tuyến và gói văn bản bằng CSS
- 5. lề nội dung div đẩy vùng chứa
- 6. Chỉnh sửa văn bản nội tuyến trong SVG
- 7. CSS để đẩy nội dung xuống trang
- 8. Làm cách nào để ngăn chặn thanh cuộn webkit đẩy nội dung của div?
- 9. Jquery - Chỉ xóa nội dung văn bản khỏi div
- 10. div trên đầu khung nội tuyến
- 11. khoảng cách giữa văn bản nội tuyến và các mục nhập trong JADE?
- 12. Nhận văn bản được chọn trong DIV có thể chỉnh sửa nội dung?
- 13. chọn tất cả văn bản trong div có thể chỉnh sửa nội dung khi nó tập trung/nhấp vào
- 14. Căn chỉnh danh sách và đẩy văn bản xuống dưới cùng
- 15. Thêm một div bên dưới hàng khối nội tuyến bọc
- 16. Cắt văn bản trong div nếu nó vượt quá chiều rộng đã đặt?
- 17. SPAN bên trong DIV ngăn chặn tràn văn bản: dấu chấm lửng
- 18. Nội dung phao nổi khiến nội dung bị đẩy xuống một trang HTML
- 19. Làm thế nào để ngăn chặn văn bản được thay đổi kích cỡ của nó có chứa div
- 20. Fill div với văn bản
- 21. Android edittext tự động phát triển với văn bản và đẩy mọi thứ xuống
- 22. Chặn văn bản đến (Android)
- 23. Nối nội dung div và di chuyển/động xuống dưới
- 24. CSS DIV không mở rộng khi có thêm văn bản
- 25. Điều chỉnh lề-trên của div bên trong div container đẩy cả div bên trong và div div xuống từ body
- 26. cách nhận văn bản được chọn từ khung nội tuyến bằng javascript?
- 27. chụp nhấp vào div xung quanh khung nội tuyến
- 28. Tạo tệp văn bản và tải xuống
- 29. Đẩy nội dung lên khi nhấp vào văn bản chỉnh sửa
- 30. khung nội tuyến SandBox chặn đối tượng nhúng
Bạn có thể giải thích lý do tại sao bạn không sử dụng phao: trái, đây là một giải pháp sạch sẽ + 1 cho việc này. – freebird
Vâng, tôi nghĩ đây là giải pháp tốt nhất. Cảm ơn! :) Bạn có biết tại sao văn bản gây ra vấn đề đó không? – Abraham
bạn có thể sử dụng để hiển thị khối nội tuyến có nghĩa là khối nội tuyến defulat là đường cơ sở hơn xác định để luôn đứng thẳng hàng đầu nếu bạn xác định phần tử khối nội tuyến hiển thị trong bất kỳ phần tử html nào. –