关于图像包装的建议？

我试图做一个floating design，但是当我调整我的浏览器时，<img>标记旁边的<p>标记开始放置到列中，而不是放在图像下面。你可以在这里看到的代码 - >http://funkz.nfshost.com/ 这是在“** main-bottom-post**" ID . 我还搜查了网，但大多数文章是关于周围的其他方法 - 提前使得下一列的IMG 谢谢， MK关于图像包装的建议？

来源

2012-07-31 user1565092

你到底要实现，究竟应该如何表现呢？你能更精确一点吗？ – morgi 2012-07-31 08:31:21

是的，对不起，如果我不清楚 - 我希望文本浮在主底的图像下。目前，当我调整我的浏览器的大小（看起来像一个更小的显示器）时，文本就在列右侧，图像中，但不在其下。 – user1565092 2012-07-31 08:56:35

你将不得不使用media queries定位某个特定的分辨率时，你希望你的<p class="post-text">你的形象在移动和应用float: left;就这样做。

例如：

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
    p.post-text { 
     float: left; 
    } 
}

这将使您<p class="post-text">浮动图像下的480像素和之间320像素的画面宽度。

你可能还想看看this作进一步的参考。

来源

2012-07-31 09:10:19 morgi

谢谢你，会尝试并发布结果。 :) – user1565092 2012-07-31 10:08:24

好的，如果它有帮助，不要忘记标记为“答案”。 – morgi 2012-08-02 07:34:10

试试这个在CSS：display:inline-block当你调整您的浏览器你获得成功

来源

2012-07-31 08:41:22

我试图显示：img，p和容器标签的内联块 - >没有任何更改... – user1565092 2012-07-31 08:55:07

尝试给予position财产。

或尝试用media queries

@media screen and (min-width: xxpx) { 
    div {width: xxpx;} 
}

试试这个链接

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://www.danstorm.com/dan-storm-article-css-15.html

来源

2012-07-31 09:15:50 Prashobh

关于图像包装的建议？

回答

相关问题