css中手机一行两列的布局应该怎么写?

这位网友你好,将两个div分别浮动,宽度设置为50%即可。
css中手机一行两列的布局应该怎么写?
  这位网友你好,将两个div分别浮动,宽度设置为50%即可。2015-03-26
<div style="max-width:640px;background-color:#FF9900; margin:0 auto; text-align:center; ">
<div style="width:48%;margin:1px; display:inline-block; position:relative;background-color:#FFFFFF;"><img src="优优站澳洲馆images/pic001.jpg" width="100%" /></div>
<div style="width:48%;margin:1px; display:inline-block; position:relative;background-color:#FFFFFF;"><img src="优优站澳洲馆images/pic002.jpg" width="100%" /></div>
<div style="width:48%;margin:1px; display:inline-block; position:relative;background-color:#FFFFFF;"><img src="优优站澳洲馆images/pic003.jpg" width="100%" /></div>
<div style="width:48%;margin:1px; display:inline-block; position:relative;background-color:#FFFFFF;"><img src="优优站澳洲馆images/pic004.jpg" width="100%" /></div>
</div>
说明:如果需要三列宽度设置为30%左右,可以根据显示情况微调,图片需要规格一致,如果不一样可能会出现错位现象。这个问题不知道哪个高手可以解决一下。2017-11-21
mengvlog 阅读 7 次 更新于 2025-07-20 00:16:55 我来答关注问题0
  • 这位网友你好,将两个div分别浮动,宽度设置为50%即可。

  •  翡希信息咨询 如何通过 CSS 实现一个左边固定宽度,右边自适应的两列布局

    通过 CSS 实现一个左边固定宽度,右边自适应的两列布局,可以采用以下步骤:构建父元素容器:创建一个包含两列的父元素容器,例如命名为 positioned。将 positioned 容器的 position 属性设置为 relative,以便其子元素可以使用绝对定位。设置左侧列元素:左侧列元素命名为 diva。将 diva 的 width 属性设置为...

  •  绳绮波卞璧 如何使用CSS布局左右两栏?

    手机浏览器一般都不支持 float 浮动,所以可以用 display:inline-block 来代替它,当然你也可以用table来布局。用两个 display:inline-block 的块元素,并设定它们的宽度:width:49 就可以实现一栏两列的布局了。

  •  遗忘塔 如何实现一列二行的CSS布局

    设置两个div框架,分别设置这两个div框架的宽度(宽度应小于或是等于整体宽度),把它们都设置成float:left。基本就是这样了。 一行两列 { margin:0; pa...

  • div+css做页面的一行两列布局,首先我们是需要三个div的,第一个div包裹着其他的2个div,然后给那2个div设置float属性和width,height,最好是给个border利于布局的时候方便观察,这里举个例子: div1{ width:960px; //通过id来控制 height:600px;} .left{ width:400px height:400px;border...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部