内联元素和块元素的区别及转换
来源:互联网 发布:矩阵qr分解证明 编辑:程序博客网 时间:2024/05/17 10:04
1.内联元素和块元素
内联元素:p、 div、 h1~h6
块元素:span、a
区别:内联元素占空间全部宽度,自动换行;
块元素必须首先设置其相应的宽度,不会自动换行。
2.两者的相互转换
a.diaplay:inline;
内联元素转化为块元素,即将p元素设置占同一行,中间不显示换行。
代码如下:
<style>
p {display:inline;}
</style>
<body>
<p> display属性的值为 "inline"的结果</p>
<p>两个元素之间没有距离.</p>
</body>
b.display:block;
块元素转化为内联元素,即将span元素设置为自动换行。
代码如下:
<style>
span {display:block;}
</style>
<body>
<span> display属性的值为 "block"的结果</span> <span>两个元素之间有换行符距离.</span>
</body>
0 0
- 内联元素和块元素的区别及转换
- 内联元素和块级元素区别
- 块级元素和内联元素区别
- css块级元素和内联元素的区别
- 内联元素和块级元素的区别
- 内联元素和块级元素的定位区别
- 块级元素和内联元素的区别小结
- html块元素和内联元素的区别
- CSS的块级元素和内联元素区别
- 块元素与内联元素的区别
- 块元素与内联元素的区别
- 块元素与内联元素的区别
- 块元素,内联元素,内联块标签的划分及相互转化和嵌套
- CSS的块元素和内联元素
- HTML的块元素和内联元素
- 内联元素和块元素
- 块元素和内联元素
- 内联元素和块元素
- Python中对文件、文件夹(文件操作函数)的操作需要涉及到os模块和shutil模块
- 【Java并发编程】之二:线程中断(含代码)(r)
- Tableau JavaScript API的时间应用
- RasSetCommSettings
- Educational Codeforces Round 16 C. Magic Odd Square (构造)
- 内联元素和块元素的区别及转换
- 五十道编程小题目 --- 01 兔子三月生兔子问题java
- QT父窗口和子窗口互相通信
- BZOJ3715 [PA2014]Lustra
- 【Java并发编程】之三:线程挂起、恢复与终止的正确方法(含代码)(r)
- 青春的我们
- CDH5.4.10 在Hive上执行Update,Delete操作报错Attempt to do update or delete using transaction manager that doe
- redo结构
- 工作中出现的问题及解决步骤总结(可能在大牛看来,很low,但自己真的有收获)