CSS行内框(内联元素)
2024-09-05 19:20:54
行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。
示例如下:
<p>这是一个段落</p>
<p><span>这是一个内联元素</span><span>这是第二个内联元素</span></p>
设置样式如下:
p{ margin:0;}
显示如下:
设置样式如下,可验证上述结论:
p{
margin:0px;
}
p span{
/* 水平外边距可以调整行内框间距 */
margin-left:50px;
/* 水平内边距可调整行内框间距,垂直内边距不影响行内框的高度 */
padding:20px;
/* 垂直外边距不影响行内框的高度 */
margin-top: 20px;
/* 设置行内框的高度 */
line-height: 50px;
/* 以下属性便于显示 */
background-color: tomato;
opacity: 0.8;
}
效果如图:
最新文章
- JVM内存分配策略
- bzoj 1208 splay模板题2
- fopen和fopen_s用法的比较 【zz】
- T4:T4 笔记 + Trait 示例
- eclipse新建maven项目(1)
- 【appium】关于logcat
- 看linux连接进程占用的实时流量iftop netatop NetHogs
- GRUB损坏后,如何修复windows启动mbr
- C#中的线程(上)-入门 分类: C# 线程 2015-03-09 10:56 53人阅读 评论(0) 收藏
- Firefox 备份
- 20那天android得知
- 关于怎么快速学好Android应用程序开发及其其他编程语言(大牛和高手勿喷,此篇文章也适合刚入门小师弟和小师妹)
- IDEA设置生成带注释的getter和setter解决方案 (图文教程)
- 期末架构-Centos7
- 【C/C++】实现龙贝格算法
- [转,讲的非常精彩]CIDR地址块及其子网划分(内含原始IP地址分类及其子网划分的介绍)
- zabbix监控java日志文件
- 根据class操作div显示与隐藏
- Remote &#39;attachhome&#39; failed on nodes:XXX
- C# 转换为int类型时原本的正数变为负数
热门文章
- Android图片缩放 指定尺寸
- WinRAR 常用变量列表
- sql中left join、right join、inner join的区别
- Spring Data JPA学习笔记
- Yahoo 军规(部分)
- 尚硅谷Docker---docker安装及简介
- Web - <;a>;标签中href=";javascript:;";
- ftp4j揭示java.net.SocketException: Connection reset的解决
- 阶段3 1.Mybatis_03.自定义Mybatis框架_1.自定义Mybatis的分析-执行查询所有分析
- 五:flask-url_for使用详解