【问题标题】:Best practice of wrapping text around image在图像周围环绕文本的最佳实践
【发布时间】:2014-01-17 08:19:21
【问题描述】:

这就是我想要的放置方式。在右下角。

我使用 bootsrap 3 作为框架。我见过一些建议,比如使用表格来放置它、浮动或边距。我认为保证金几乎是不可能的,因为你知道,响应能力。我正在考虑将文本和图像包装在一个容器中并绝对定位图像。那样可以么?如果不是,处理此问题的最佳做法是什么?

【问题讨论】:

  • 绝对定位是不可能的。你需要使用 float: right;

标签: html css twitter-bootstrap responsive-design


【解决方案1】:

我认为最好的方法是:

.image{
  position:relative;
  bottom: 0;
  right:0;
}

这样,图像将始终位于每个设备上容器的右下角。

使用

Float:right
你不能把它放在右下角,它只会是对的。

使用 display as table-cell 会将所有内容放置在右下角,而不仅仅是图像。 使用 Absolute 是最糟糕的方式。

希望这会有所帮助...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-05
    • 1970-01-01
    • 2012-01-14
    • 2019-09-14
    相关资源
    最近更新 更多