浮动的图像和文本在右边

时间:2016-10-05 14:46:02

标签: css

我是CSS的新手,请原谅我,我已经花了很多年的时间:

我有一张图像,我想要左边漂浮,宽度为40%,边距为40px。然后我有一个带有标题的div,我想要定位在图像的右侧。这适用于我的Mac,但它是否可以跨浏览器兼容?

HTML

    <img ... >
    <div class="right_column">some text</div>   

CSS

    img { float:left; width:40%; margin-right:40px; }

right_column div中的文本位于图像的右侧,两者之间有边距。这似乎太容易了?

2 个答案:

答案 0 :(得分:1)

是的,float属性是跨浏览器兼容的。

  

在最简单的用法中,float属性可用于在图像周围包装文本。

您可以阅读有关float here

的更多信息

如果您要学习Web开发,我建议您安装多个浏览器进行测试。通过这种方式,您可以自己查看每个浏览器的工作原理。 如果您使用的话,Chrome,Firefox,Opera和Safari似乎是最受欢迎的。

答案 1 :(得分:0)

您可以将属性df.index = pd.to_datetime(df.index) df.reindex(pd.date_range('2016-09-30', '2016-10-05', freq=BDay())) Out: price vol 2016-09-30 10.0 2020.0 2016-10-03 20.0 2424.0 2016-10-04 NaN NaN 2016-10-05 5.0 232.0 与图片display: inline-block一起使用,以获得相同的结果,如下所示:

CSS:

div.right_column

这里是小提琴:https://fiddle.jshell.net/56ap36q8/

问候!