Question

我目前正在开发两个网站。 http://www.campusreader.org/#About如果您单击某些图片，则文字会在图片旁边排成一行。但是在我正在使用http://www.computationalhealth.org/的新网站上，浮动属性不起作用（单击“关于”选项卡，然后单击人员名称的其中一个选项卡）。

我正在使用Google Chrome开发工具，当我在工作网站上“检查元素”时，它会看到css并告诉我它已经应用了。但是当我检查非工作站点上的元素时，dev工具没有显示它的应用。但是，我可以看到我的样式表，它正在加载。很明显，图像类是“personPic”所以我不确定我做错了什么。

谢谢， d

Answer 1

CSS样式表的内容：

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
   }

.personPic{
    float: left;
    /*margin:0 1em 1em 0;*/
}

有一个格式化问题，即“居中”类的块被关闭两次。

Answer 2

只需将属性float:left;放在css中的图像上即可。

修改：查看您的css文件：

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto } <-- ugliness
   }

.personPic{
    float: left;
    /*margin:0 1em 1em 0;*/
}

移除那个支架，你就可以去了！

css浮动图像似乎不起作用

2 个答案: