我是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中的文本位于图像的右侧,两者之间有边距。这似乎太容易了?
答案 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/
问候!