美文网首页
css block同高问题解决

css block同高问题解决

作者: 嗯哼26 | 来源:发表于2016-11-08 20:31 被阅读0次

在css中如果分别用几个block来存放内容,且内容量不同,设置同宽未设同高时,常常出现高度不同样式不美观的问题,可以统一高度来解决,还有一种办法:

padding-bottom:2000px;
margin-bottom:-2000px;

为这些block同时设置上述样式,这里的数据时随意填写的,只要足够大就好。

相关文章

  • css block同高问题解决

    在css中如果分别用几个block来存放内容,且内容量不同,设置同宽未设同高时,常常出现高度不同样式不美观的问题,...

  • CSS3之盒模型

    一、CSS盒模型简介 在CSS中主要有以下盒模型:inline、inline-block、block、table、...

  • html+css备忘

    html: 1、label标签 css: 1、标签显示模式: block,inline, inline-block...

  • 2017-12-28日记

    button按钮居中: css文件:.btn{margin:0 auto;display:block; css中:...

  • HTML/CSS 06-元素类型

    css元素类型的分类,css 元素类型的转换,css float,css inline-block元素类型的应用 ...

  • CSS代码规范

    CSS规范 一.命名规范BEM(Block Element Modifier) 1.Block name 1) 实...

  • CSS03

    CSS 元素分类(块级元素、行内元素) display:block、inline、inline-block 块级包...

  • 设置控件相对于父控件居中

    css盒子模型 一、display:block block元素会独占一行,多个block元素会各自新起一行。默认情...

  • CSS随笔

    inline-block在CSS中通过display:inline-block对一个对象指定inline-bloc...

  • CSS基础布局

    CSS布局 盒模型 Flexbox 使用float布局 inline-block 布局 响应式设计和布局 CSS面...

网友评论

      本文标题:css block同高问题解决

      本文链接:https://www.haomeiwen.com/subject/efczuttx.html