Question

我有一个网页，其中包含已应用text-align:center;的父级div和多个带有display:inline-block;的子级div，但有些较薄的div在页面上跳出了位置。您可以看到它[已删除]页面上的最后一个图像跳出位置并向前移动到图像之前。该页面上的最后一张图像应位于最后两个文本块之间。

如果div的宽度非常小，我怎么能阻止div跳出来？

如果它将它视为inline-block元素，我可以让图像从新行开始吗？

代码：

#article_container {
    width:749px;
    height:100%;
    text-align:center;
    float:left;
}

.article_content_divs {
    width:720px;
    float:left;
    margin-left:5px;
    margin-top:5px;
    text-align:justify;
}

Answer 1

刚发现问题是一个浮动属性，删除它已修复它。

我没有浮动子元素，而是在元素中添加了clear:both;，所有内容都正确对齐。

这是我更新的代码：

.article_content_divs {
    width:720px;
    // float:left; <--------- This was messing it up
    margin-left:5px;
    margin-top:5px;
   text-align:justify;
}

HTML，CSS内联块Div跳出位置

1 个答案: