Tôi đang tìm một cách thuần CSS để căn giữa hình ảnh trong một đoạn văn bản để văn bản kết thúc tốt đẹp trên cả hai mặt của hình ảnh.Định tâm một hình ảnh trong một đoạn
Ideely the image |-----| would be placed
before or after |-img-| the text within
the code structure|-----| and the text
would wrap around the image.
Tìm thấy một câu trả lời rằng hoạt động khá tốt có sẵn tại địa chỉ: http://www.alistapart.com/articles/crosscolumn/
Tôi không nghĩ rằng nó có thể:
<p> Text that goes here and image <img src="img.jpg"/> continues text</p>
Theo như tôi biết các trình duyệt đối xử với <p> nội dung là thuộc về một dòng, do đó khi trình duyệt phân tích của bạn p-tag, trong đó có hình ảnh nó sẽ tự động làm cho dòng đó cao như hình ảnh.
Có lẽ nó có thể với css3 dù ...
IE10 Platform Preview cho là (theo this article) có một tính năng mới gọi là nổi vị trí mà dường như thực hiện những gì bạn đang tìm kiếm.
Còn bây giờ, tuy nhiên, tôi nghĩ rằng bạn đang hơi say:/
Hiện nay không có cách nào để làm điều này. Tôi đã nhìn xa và rộng.
Các câu trả lời khác ở đây không giải quyết câu hỏi khi được hỏi. This link (A List Apart) yêu cầu sử dụng hai đoạn văn bản và bạn không thể tự động làm điều đó vì bạn phải cẩn thận để khớp văn bản trên cả hai mặt của hình ảnh.
Các khác, nổi vị trí tốt IE10 của (Microsoft gọi chúng exclusions), không sắp xếp công việc, nhưng với một danh sách số khó khăn:
Điều này hơi khó thực hiện. Bạn cần hỗ trợ những trình duyệt nào? IE7? IE8? Hình ảnh luôn có cùng kích thước không? Văn bản có thay đổi không? – thirtydot
Thuộc tính hình ảnh được đặt và văn bản có thể thay đổi. Hỗ trợ trình duyệt không phải là vấn đề, nhưng không thể sử dụng HTML5 và CSS3. –
thì không thể –