Bootstrap 3 - 图像周围的文本对齐,同时保持图像响应

时间:2014-01-11 05:24:37

标签: css image twitter-bootstrap-3 text-align

我的图片周围有文字 - bootply。 当img-thumbnail样式应用于图像时,文本显示在右侧,但是当应用img-rounded或没有应用样式时,文本显示在底部。

帮助在img-rounded或未应用任何样式时向右显示文字,保持img-responsive样式。根据{{​​3}}的建议,我尝试使用vertical-align,但它无效。

为清晰起见,请提供帮助。非常感谢!

1 个答案:

答案 0 :(得分:-1)

我希望这个解决方案有所帮助(也许不是完美的解决方案),但我认为它对您有用, 当img-rounded简单地覆盖此类属性时,通过将显示值设置为内联块而不是块来显示文本。

<强>码 在课程display: block;中将display: inline-block;更改为img-rounded

然后你可以用div包装这个部分(图像+段落)来自定义两者的外观。