CSS3列和图像 [英] CSS3 Columns and Images

问题描述

我的例子，

在CSS3生成的列的中心显示一个图像。我需要图像右边的列中的文本包围图像，使它不会出现在图像的前面。这对我的理解是不可行的在当前的CSS。

Shows an image in the center of CSS3 generated columns. I need the text in the column to the right of the image to wrap around the image so that it doesn't appear in front of the image. This to my understanding is not doable in current css.

有人有非实时的方式实现我想要的东西吗？

Does someone have a NON-OBTRUSIVE way of achieving what I am looking for?

在这里实现这个效果，

I'd love to achieve this look here,

没有标题和杂项位于左上方的课程。

without the title and misc stuff located in the top left of course. The idea would be to allow the adding of images anywhere in the markup and have it look correctly.

此时我不关心浏览器支持，所以任何解决方案都是太棒了！

I dont care about browser support at this time, so - any solution is great!

提前感谢....

Erik

推荐答案

没有JavaScript hacks，我不相信有任何纯CSS的方式做到这一点。有一个column-span属性，它由Opera支持（目前不在公共构建中），但它只有两个值;没有和所有。规范目前不允许你指定列数，这将是非常有用的。这是我很想看到的东西。

Without doing JavaScript hacks, I don’t believe there is any pure CSS way of doing this. There is the column-span property, which is supported by Opera (currently not in a public build), but it only has two values; none and all. The spec currently doesn’t allow you to specify the number of columns, which would be very useful. It’s something I’d love to see.

这篇关于CSS3列和图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！