将CSS样式应用于浮动DIV

时间:2018-04-02 13:39:39

标签: html css

我想动态地应用额外的CSS样式(到一组浮动的div元素),它们将给定的div元素移动到下一行,但是下一个div元素要向左浮动。使用显示块会导致在新行上放置给定的div,并在下一行放置后面的div。

示例:

<fieldset>
  <div style="float:left;"></div><div style="float:left;"></div>
  <div style="display:block;"></div>
  <div style="float:left;"></div><div style="float:left;"></div>
</fieldset>

通缉行为:

<fieldset>
  <div style="float:left;"></div><div style="float:left;"></div>
  <div style="display:block;"></div><div style="float:left;"></div><div style="float:left;"></div>
</fieldset>

我有一个HTML结构,我不允许更改(例如在单独的容器中分隔一些div元素)我想在fieldset中使用这些div元素(让我说在同一个中有6个div元素在fieldset下的所有级别)所有要一个接一个地浮动(有序)但是第四个div在一个新行上,而第五个在第四个之后在同一行上。发生这种情况是因为某些div元素可能由于自定义设置而无法显示,这可能会导致UI界面中的不匹配和混淆。

0 个答案:

没有答案
相关问题