为了账号安全,请及时绑定邮箱和手机立即绑定

一课全面掌握主流CSS布局

难度初级
时长 5小时 0分
学习人数
oba
#innder {
width: auto; // 默认宽度值是auto,不是100%,如果是100%的话,会撑大#center的。
}
使用 弹性盒子属性;
display: flex;
flex-direction: row;
justify-content: center;

优点:适合控制多个子元素居中显示,在移动端适配比较好
缺点:直接作用在父元素上,子元素不用设置相关属性
额,我弄错了,忽略
设置了margin-left:-100%就不用定位了
干嘛要给右边的加浮动,还要最后清除浮动,

最新回答 / ccyy_阿亮
最初是想让padding-bottom加长所有列,再使用"overflow: hidden"将它们一刀切成高度相同的列(超过父容器边框都被隐藏掉)。但是你会发现父容器没有显式设置高度(依赖子元素),父容器一直包裹着子元素,这样会导致"overflow: hidden"不生效。那么这个场景下就得考虑让父容器边框范围收缩(让子元素边框超过父容器边框)。margin-bottom取负值就可以让子元素盒子实际占用尺寸减少(content+padding+border+margin),但又不会影响到子元素边框(co...

最赞回答 / ccyy_阿亮
可以简单点理解,“table-layout: fixed”是宽度固定的,单元格里的内容可能会换行或者溢出;而“table-layout: auto”是宽度不固定的,内容会决定单元格以及表的宽度。“table-layout: fixed”是表格固定宽度的一种表现。某个列的宽度,是由显式设置的列宽或者该列的第一行单元格宽度决定的。然后可以算出所有列宽也就是总列宽,最终会从总列宽和显式设置表宽这两个中取一个最大值作为表的宽度。大致是这样的,有些细节和特殊情况在这里就不提了。“table-layout: auto...

最新回答 / 呀_明静
添加parent-fix是为了设置margin-left: -10px;让最左边多余的10px抵消掉,这样四个子元素就只有三个间隙,最左边和最后边刚好没有间隙;如果直接在parent上添加margin-left: -10px,会导致整体向左移动10px,这样就会导致最右边空出来10px;所以只能在外面添加parent-fix来设置margin-left: -10px

最赞回答 / 969999666696
【个人理解,有错请指正!】参考博客:(1)https://www.cnblogs.com/anvivi/p/9708987.html(2)https://blog.csdn.net/qq_36470686/article/details/82864510原因:(1)这个问题是因为浏览器为了在页面中没有样式时也可...
建议两倍速,有时候啰里啰嗦是挺慢的
非常感谢老师,对于我这种css布局小白非常友好,学到了很多知识
首页上一页1234567下一页尾页
¥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习,掌握每一个知识点。
老师告诉你能学到什么?
(1)居中布局:水平居中、垂直居中 (2)多列布局:两列布局、三列布局、圣杯布局、双飞翼布局 (3)全屏布局:等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号:908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消