博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css学习_标签的显示模式
阅读量:6380 次
发布时间:2019-06-23

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

标签的显示模式

a、块级元素(最典型的是  div标签)

特点:

  默认宽度  100%

  可以容纳块级元素和内联元素

b、行内元素 (最典型的是  span标签)

   特点:

c、行内块元素(最典型的是 img标签)

!!!3种模式的标签是可以转换的

  display  (显示模型属性)   

a、块级标签模式转换为行内标签模式

div{display:inline;}

b、 行内标签模式转换为块级标签模式

span{display:block;}

c、行内标签模式转换为行内块标签模式

a{display:inline-block;}

 

转载于:https://www.cnblogs.com/yangyutian/p/10462372.html

你可能感兴趣的文章
编辑器领域正发生变革?从面试看Visual Studio Code的崛起
查看>>
搞懂nginx的rewrite模块
查看>>
一文带你快速读懂.NET CLI
查看>>
金丝雀测试实践
查看>>
用 JavaScript 实现链表操作 - 02 Length & Count
查看>>
Eclipse发布MicroProfile 1.4和2.0
查看>>
DNS故障转移
查看>>
详解分布式系统本质:“分治”和“冗余”
查看>>
在OSChina一键部署开源软件,简单到没什么可说的
查看>>
关于React的Container&Presentational Component模型结构分析
查看>>
举重若轻的人人车移动端数据平台
查看>>
编写Linux内核模块——第一部分:前言
查看>>
小白的正则入门
查看>>
云原生持续交付的模式和实践
查看>>
安装 Windows 10 + Centos 7 双系统共存
查看>>
python学习笔记-函数的参数
查看>>
angular 1.x多项目共享子项目实践之路
查看>>
python学习笔记-切片
查看>>
Mac PHPStorm 使用心得
查看>>
Android LRecyclerView实现Item侧滑菜单、长按拖拽Item、滑动删除Item等功能
查看>>