CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!

 时间:2024-10-12 02:59:05

1、可以使用flex霎霈喊纪布局快速实现这个效果。具体的方法是,首先打开hbuilder编辑器,新建一个文件,写入一个大的div,里面在包担奈扰撕裹3个小div,给大div的class属性命名为container,小div命名为child:

CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!

2、然后在上方设置样式,先给外围的div设置宽度为600px以及display属性为flex,然后设置方向属性flex-direction为横向,接着设置小div的宽度为200px,再设置flex属性的值为1,意思是所占比例为1,最后调整一下背景颜色,字体大小就可以了:

CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!

3、最后打开浏览器,即可看到3个等份的div了:

CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!

  • HTML用代码制作虚线框方法
  • html图片如何居中
  • html轮播图怎么制作
  • HTML怎样使图片居中
  • 怎么让div居中
  • 热门搜索
    我的梦中国梦手抄报 关于语文的手抄报 清明节手抄报一等奖 安全知识手抄报图片 英语手抄报图片大全 爱眼日手抄报内容 端午节的手抄报 简单又漂亮 感恩手抄报图片大全 英语手抄报图片简单又漂亮 劳动节手抄报的文字