获取img内容的正确方法是什么?

时间:2011-12-30 09:56:13

标签: html css

enter image description here

如果页面结构如上所述。使用HTML和CSS来获得它。你会用哪种方式?

有人告诉我:如果你使用浮动内容(img,content),你必须固定宽度,结构将失去其灵活性,同时,你必须解决浮动引起的问题。但我不知道最好的方法,

4 个答案:

答案 0 :(得分:1)

看看the media object。它来自Nicole Sullivan,他为我们带来了OOCSS的概念,并且非常适合这种情况。

这表示在图片上使用float: left,在文本上使用overflow: hidden以获得溢出与浮动内容交互的好处。

答案 1 :(得分:0)

我只是float : left图片,我会给margin-right元素img,这样如果图片不可用(或可选),文字可以在其容器的左边缘

然后我会将easyclearing techinique应用于img

答案 2 :(得分:0)

我个人更喜欢使用内联块,因为我不是浮动元素的忠实粉丝:

jsfiddle

答案 3 :(得分:-2)

我会在文字上使用margin-left:来远离图片。