CSS:将元素添加到float的中间

空气

我想在面板中间添加一个元素。我正在使用float: rightfloat:left划分面板。我在这里不使用引导程序。

我使用过clear: both;margin: 0 auto;样式,但对我不起作用。有什么可行的方法吗?我已附上我想要的示例图像。在此处输入图片说明

任何帮助,高度赞赏。谢谢,

博士 纳西尔·乌丁·布彦

试试这个可能对您有帮助。

您只需使用宽度1/3向左浮动即可

文本对齐:居中以文本居中

基本结构

.col{
width: 33.33%;
text-align: center;

}

.left{
  float: left;
  }
<div class="col left">
something
</div>
<div class="col left">
something is here!!
</div>
<div class="col left">
something
</div>

您的设计

.col{
width: 32%;
height: 300px;
text-align: center;
margin-left: .5%;
margin-right: .5%;

}

.left{
  float: left;
  }

.black{
background-color: black;
color: white;
}

.red{
background-color: red;  
}
<div class="col left black">
something
</div>
<div class="col left red">
something is here!!
</div>
<div class="col left black">
something
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将CSS属性添加到元素

来自分类Dev

一旦将float:right添加到div,CSS元素的样式就会失败

来自分类Dev

一旦将float:right添加到div,CSS元素的样式就会失败

来自分类Dev

CSS:将特定的CSS添加到<li>元素

来自分类Dev

从jQuery的css之前,将css添加到children元素

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将CSS添加到jquery子元素

来自分类Dev

使用CSS将值添加到特定元素

来自分类Dev

将CSS类添加到Angularjs中的标记元素

来自分类Dev

依次将CSS类添加到div元素

来自分类Dev

将CSS调整大小属性添加到Canvas元素

来自分类Dev

将 CSS 滚动添加到定位元素

来自分类Dev

将 css 样式添加到特定的列表元素

来自分类Dev

如何将css样式添加到新元素

来自分类Dev

单击 actionButton 后将 css 添加到元素

来自分类Dev

为什么CSS float会将子元素的填充添加到父元素?

来自分类Dev

将元素添加到数组

来自分类Dev

将元素添加到numpy数组

来自分类Dev

将元素添加到空数组

来自分类Dev

将元素添加到数组的开头。

来自分类Dev

将元素添加到JSON文件?

来自分类Dev

将新元素添加到列表

来自分类Dev

将类添加到父元素

来自分类Dev

将元素添加到子列表

来自分类Dev

将元素添加到JsValue?

来自分类Dev

随后将元素添加到数组

来自分类Dev

将类添加到erb元素

来自分类Dev

动态将元素添加到数组

来自分类Dev

将for循环元素添加到列表