深圳市金黑网络技术有限公司:主营高端网站建设,网络推广,商城/系统开发,公众号小程序app开发等业务。
admin 发表于 2020-9-10 14:59 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题 |

☛ 深圳市金黑网络技术有限公司主营业务 ☚

网站建设,托管维护,网站SEO优化,关键词优化排名,全网推广,商城开发,系统开发,美工设计,域名主机,公众号小程序app软件开发等

欢迎联系我们,QQ:515138 手机/微信:17817817816

联系我们
元素按照显示方式主要可以分为块级元素和行内元素,元素的显示方式由display属性控制。

块级元素特点总结:

1、总是在新行上开始
2、宽度的默认为width+margin-left+margin-right+padding-left+padding-right刚好等于父级元素的内容区域宽度,即父元素的width。当设定新的宽度,如果宽度是100%,并且padding、margin不为零,导致块级元素宽度溢出父元素
3、盒子模型的高度默认由内容决定
4、盒子模型中高度、宽度和内外边距都是可控制
5、可以容纳行内元素和其他块级元素。

行内元素(diaplay:inline)特点总结:

1、和其他非块级元素在同一行
2、盒子模型中高度、宽度、上下margin、上下padding设置无效,只能设置左右的margin和左右的padding
3、宽度就是文字或图片的宽度,不可改变
4、行内元素的宽度和高度都不能直接设置
5、行内元素只能容纳文本或其他行内元素,在行内元素中放置其他的块级元素会引起不必要的混乱

行内块元素(display:inline-block)的特点:
行内块元素可以设置宽、高、内外边距,可以简单理解为行内块元素就是把块级元素以行的形式展示,保留了块级元素对宽、高、内外边距的设置。

推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关帖子

发布主题
  • 网站建设

    高端网站设计制作

  • 模板制作

    仿站/效果图转模板

  • 网络推广

    关键词优化/全网推广

  • 技术维护

    网站维护/异常处理

  • 小程序开发

    公众号/小程序开发

  • 系统开发

    商城系统/各类系统开发

  • 定制开发流程

    业务咨询 | 提交需求 | 报价报时 | 付款开工

    联系我们
  • 今日更新:0 昨日更新:1
  • 会员总数:507 模板总数:10239
全国最大PB建站模板下载平台
在线技术QQ

515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们