博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
块元素和内联元素
阅读量:7112 次
发布时间:2019-06-28

本文共 393 字,大约阅读时间需要 1 分钟。

1、块元素(div,p,h,li)

  a、默认独占一行

  b、没有宽度,默认撑满一行

  c、支持所有CSS命令

2、内联元素(span,em,strong,a)

  a、不支持宽高

  b、同一行可以有多个元素

  c、不支持上下的margi

  d、代码换行会被解析(空格)

  e、内容撑开宽高

3、内联块元素

  a、块在一行显示

  b、内联元素支持宽高属性

  c、没有宽度时,由内容撑开宽度

4、块元素和内联元素的转换

div{    display: inline; /*转换成内联元素*/}        span{    display: block;    /*转换成块级元素*/}p{    display: inline-block; /*内联块级元素*/}

 

转载于:https://www.cnblogs.com/halai/p/6795299.html

你可能感兴趣的文章
【跃迁之路】【424天】程序员高效学习方法论探索系列(实验阶段181-2018.04.05)...
查看>>
火狐放不了html5 video MP4格式
查看>>
Angular学习笔记之集成三方UI框架、控件
查看>>
解决“有边框的子元素宽度设定绝对值后,缩放浏览器会错位”的两种方法
查看>>
Node.js 学习之路
查看>>
angular 基于ng-messages的验证
查看>>
三、取get
查看>>
利用PHP实现常用的数据结构之写在前面(小白系列文章一)
查看>>
Zttp - 一个基于 Guzzle Http 的更好用的 PHP HTTP Package
查看>>
使用asprise进行图片验证码识别
查看>>
解析nodeJS模块源码 亲手打造基于ES6的观察者系统
查看>>
77% 的网站使用了至少有 1 个漏洞的 JavaScript 库
查看>>
一个可以提高开发效率的Git命令-- Cherry-Pick
查看>>
.NET Core 3.0中的数据库驱动框架System.Data
查看>>
Firefox Quantum支持跨浏览器插件架构
查看>>
Oracle收购Talari,第一家SD-WAN公有云提供商出现
查看>>
数据库设计中的9大常见错误
查看>>
当我们在谈大前端的时候,我们谈的是什么
查看>>
柔性自动化在物流的应用及探索
查看>>
区块链和数据科学:如果同时应用这两种技术,将会实现什么?
查看>>