行内元素与块级元素

首先，CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，分别为块级（block）、行内（inline）。

块级元素：（以下列举比较常用的块级元素，详情可在w3cschool查询）

定义文档中的分区或节

定义最大的标题

定义副标题

定义标题

定义标题

定义标题

定义最小的标题

定义无序列表

定义有序列表

定义有序列表或无序列表的列表项目

定义自定义列表

定义自定义列表中的条目

定义自定义列表中的项目

创建一条水平线

定义段落

定义表格

标签定义表格的表头

定义表格中的行
行内元素：（以下列举比较常用的行内元素，详情可在w3cschool查询）
定义超链接

字体加粗

定义在文档中的行内元素

向网页中插入题图像

输入框

小号字体效果


换行

字体加大加粗

强调的语气

创建单选或多选菜单

定义文本域，多行的文本输入控件</pre><p><strong>行内元素与块级元素的区别：</strong></p><p>1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素<strong>display：inline</strong>，块级元素<strong>display：block</strong>。</p><p>2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；</p><p>块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。</p><p>3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height），同时在设置外边距margin上下无效，左右有效，内填充padding上下无效，左右有效；</p><p>块级元素可以设置宽高，并且宽度高度以及外边距，内填充都可随意控制。</p><p>4.块级元素可以包含行内元素和块级元素，还可以容纳内联元素和其他元素；</p><p>行内元素不能包含块级元素，只能容纳文本或者其他行内元素。</p><p><strong>如有何见解或疑问可私密我，大家共同学习进步。</strong></p></div>

<div class="clearfix mb10">
        <div class="share fr">
        <div class="social-share mb20 ta-c" data-initialized="true">
            <a href="#" class="social-share-icon iconfont icon-weibo"></a>
            <a href="#" class="social-share-icon iconfont icon-qq"></a>
            <a href="#" class="social-share-icon iconfont icon-wechat"></a>
            <a href="#" class="social-share-icon iconfont icon-qzone"></a>
        </div>
        <script src="http://www.yuyutoo.com/zb_users/theme/tx_hao/script/social-share.min.js"></script>
    </div>
    
        <div class="info-tag">
        <a href="http://www.yuyutoo.com/tags-281.html" title="查看更多displayblock内容" rel="tag" target="_blank">displayblock</a>    </div>
    </div>



<div class="info-next">
    <ul class="row">
        <li class="col-12 col-m-24 mb10">上一篇：<a href="http://www.yuyutoo.com/post/7891.html" title="让“成都速度”跑得潇潇洒洒，地上地下共享轨交繁华">让“成都速度”跑得潇潇洒洒，地上地下共享轨交繁华</a></li>
        <li class="col-12 col-m-24 ta-r mb10">下一篇：<a href="http://www.yuyutoo.com/post/7893.html" title="你的自我界限够强大吗?_你的自我界限够强大吗英文">你的自我界限够强大吗?_你的自我界限够强大吗英文</a></li>
    </ul>
</div>

            </div>
            <h2 class="tx-title">相关推荐</h2>
            <div class="home-news">
                                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10025.html" title="当 Linux 根分区 (/) 已满时如何释放空间?" class="f-black" target="_blank">当 Linux 根分区 (/) 已满时如何释放空间?</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">根分区（/）是Linux文件系统的核心，包含操作系统核心文件、配置文件、日志文件、缓存和用户数据等。当根分区满载时，系统可能出现无法写入新文件、应用程序崩溃甚至无法启动的情况。常见原因包括：...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10024.html" title="玩转 Linux 之:磁盘分区、挂载知多少?" class="f-black" target="_blank">玩转 Linux 之:磁盘分区、挂载知多少?</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">今天来聊聊linux下磁盘分区、挂载的问题，篇幅所限，不会聊的太底层，纯当科普！！1、Linux分区简介1.1主分区vs扩展分区硬盘分区表中最多能存储四个分区，但我们实际使用时一般只分为两...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10023.html" title="Linux 文件搜索神器 find 实战详解，建议收藏" class="f-black" target="_blank">Linux 文件搜索神器 find 实战详解，建议收藏</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">在Linux系统使用中，作为一个管理员，我希望能查找系统中所有的大小超过200M文件，查看近7天系统中哪些文件被修改过，找出所有子目录中的可执行文件，这些任务需求...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10022.html" title="Linux 操作系统磁盘操作（linux 磁盘命令）" class="f-black" target="_blank">Linux 操作系统磁盘操作（linux 磁盘命令）</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">一、文档介绍本文档描述Linux操作系统下多种场景下的磁盘操作情况。二、名词解释...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10021.html" title="Win10新版19603推送:一键清理磁盘空间、首次集成Linux文件管理器" class="f-black" target="_blank">Win10新版19603推送:一键清理磁盘空间、首次集成Linux文件管理器</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">继上周四的Build19592后，微软今晨面向快速通道的Insider会员推送Windows10新预览版，操作系统版本号Build19603。除了一些常规修复，本次更新还带了不少新功能，一起来了...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10020.html" title="Android 16允许Linux终端使用手机全部存储空间" class="f-black" target="_blank">Android 16允许Linux终端使用手机全部存储空间</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">IT之家4月20日消息，谷歌Pixel手机正朝着成为强大便携式计算设备的目标迈进。2025年3月的更新中，Linux终端应用的推出为这一转变奠定了重要基础。该应用允许兼容的安卓设备...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10019.html" title="Linux 系统管理大容量磁盘(2TB+)操作指南" class="f-black" target="_blank">Linux 系统管理大容量磁盘(2TB+)操作指南</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">对于容量超过2TB的磁盘，传统MBR分区表的32位寻址机制存在限制（最大支持2.2TB）。需采用GPT（GUIDPartitionTable）分区方案，其支持64位寻址，理论上限为9.4ZB（9....</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10018.html" title="Linux 服务器上查看磁盘类型的方法" class="f-black" target="_blank">Linux 服务器上查看磁盘类型的方法</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">方法1：使用lsblk命令lsblk输出说明：TYPE列显示设备类型，如disk（物理磁盘）、part（分区）、rom（只读存储）等。...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10017.html" title="ESXI7虚机上的Ubuntu Linux 22.04 LVM空间扩容操作记录" class="f-black" target="_blank">ESXI7虚机上的Ubuntu Linux 22.04 LVM空间扩容操作记录</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">本人在实际的使用中经常遇到Vmware上安装的Linux虚机的LVM扩容情况，最终实现lv的扩容，大多数情况因为虚机都是有备用或者可停机的情况，一般情况下通过添加一块物理盘再加入vg,然后扩容lv来实...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10016.html" title="5.4K Star很容易!Windows读取Linux磁盘格式工具" class="f-black" target="_blank">5.4K Star很容易!Windows读取Linux磁盘格式工具</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">[开源日记],分享10k+Star的优质开源项目...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10015.html" title="Linux 文件系统监控:用脚本自动化磁盘空间管理" class="f-black" target="_blank">Linux 文件系统监控:用脚本自动化磁盘空间管理</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">在Linux系统中，文件系统监控是一项非常重要的任务，它可以帮助我们及时发现磁盘空间不足的问题，避免因磁盘满而导致的系统服务不可用。通过编写脚本自动化磁盘空间管理，我们可以更加高效地处理这一问题。下面...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10014.html" title="Linux磁盘管理LVM实战（linux实验磁盘管理）" class="f-black" target="_blank">Linux磁盘管理LVM实战（linux实验磁盘管理）</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">LVM（逻辑卷管理器，LogicalVolumeManager）是一种在Linux系统中用于灵活管理磁盘空间的技术，通过将物理磁盘抽象为逻辑卷，实现动态调整存储容量、跨磁盘扩展等功能。本章节...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10013.html" title="Linux查看文件大小:`ls`和`du`为何结果不同?一文讲透原理!" class="f-black" target="_blank">Linux查看文件大小:`ls`和`du`为何结果不同?一文讲透原理!</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">Linux查看文件大小：ls和du为何结果不同？一文讲透原理！在Linux运维中，查看文件大小是日常高频操作。但你是否遇到过以下困惑？...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10012.html" title="使用 df 命令检查服务器磁盘满了，但用 du 命令发现实际小于磁盘容量" class="f-black" target="_blank">使用 df 命令检查服务器磁盘满了，但用 du 命令发现实际小于磁盘容量</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">在Linux系统中，管理员或开发者经常会遇到一个令人困惑的问题：使用...</p>
                    </dd>
                                                        </dl>
                                <dl class="news-box clearfix pd15">
                                                            <dt class="f-20 mb10"><a href="http://www.yuyutoo.com/post/10011.html" title="Linux磁盘爆满紧急救援指南:5步清理释放50GB+小白也能轻松搞定" class="f-black" target="_blank">Linux磁盘爆满紧急救援指南:5步清理释放50GB+小白也能轻松搞定</a></dt>
                    <dd class="news-txt">
                        <p class="f-gray f-13">“服务器卡死？网站崩溃？当Linux系统弹出‘Nospaceleft’的红色警报，别慌！本文手把手教你从‘删库到跑路’进阶为‘磁盘清理大师’，5个关键步骤+30条救命命令，快速释放磁盘空间，拯救你...</p>
                    </dd>
                                                        </dl>
                
            </div>

                        <div class="pd15">
                

<div class="tx-comments mb20">
        <label id="AjaxCommentBegin"></label>
        <label id="AjaxCommentEnd"></label>
</div>

<!--评论框-->

<div class="post tx-comment" id="divCommentPost">
    <h3><a id="cancel-reply" href="#divCommentPost" class="fr hide"><small>取消回复</small></a>欢迎 <span class="f-red">你</span> 发表评论:</h3>
    <form id="frmSumbit" target="_self" method="post" action="http://www.yuyutoo.com/zb_system/cmd.php?act=cmt&postid=7892&key=5a4352fce02b4a06077a50dd88a6d47e" class="clearfix">
        <input type="hidden" name="inpId" id="inpId" value="7892">
        <input type="hidden" name="inpRevID" id="inpRevID" value="0">
                <div class="tx-comment-box tx-comment-ul3"><input type="text" name="inpName" id="inpName" class="text" value="访客" size="28" tabindex="1" placeholder="名称(*)"> </div>
                <div class="tx-comment-box tx-comment-ul3 tx-comment-ul3-2"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" placeholder="邮箱"></div>
                        <div class="tx-comment-box tx-comment-ul3"><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" placeholder="网站"></div>
                
                <div class="tx-comment-box tx-comment-textarea">
            <textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="欢迎你的交流评论，但是垃圾评论不受欢迎">
            
        
    

            
            
        
        

                                    

                
一周热门
                

                    

                                                

                            
                                                                
前端面试:iframe 的优缺点? iframe有那些缺点
                            
                        
                                                

                            
                                                                
蓝导航是一个功能齐全、简洁便捷的导航网站
                            
                        
                                                

                            
                                                                
带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?
                            
                        
                                                

                            
                                                                
漫学笔记之PHP.ini常用的配置信息
                            
                        
                                                

                            
                                                                
推荐7个模板代码和其他游戏源码下载的网址
                            
                        
                                                

                            
                                                                
其实模版网站在开发工作中很重要，推荐几个参考站给大家
                            
                        
                                                

                            
                                                                
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
                            
                        
                                                

                            
                                                                
setuphost.exe占用较高的CPU，可以这样修复它
                            
                        
                                                

                            
                                                                
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
                            
                        
                                                

                            
                                                                
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
                            
                        
                                            
                
            
                                    


最近发表



当 Linux 根分区 (/) 已满时如何释放空间?
玩转 Linux 之:磁盘分区、挂载知多少?
Linux 文件搜索神器 find 实战详解，建议收藏
Linux 操作系统磁盘操作（linux 磁盘命令）
Win10新版19603推送:一键清理磁盘空间、首次集成Linux文件管理器
Android 16允许Linux终端使用手机全部存储空间
Linux 系统管理大容量磁盘(2TB+)操作指南
Linux 服务器上查看磁盘类型的方法
ESXI7虚机上的Ubuntu Linux 22.04 LVM空间扩容操作记录
5.4K Star很容易!Windows读取Linux磁盘格式工具





标签列表



mybatis plus (70)
scheduledtask (71)
css滚动条 (60)
java学生成绩管理系统 (59)
结构体数组 (69)
databasemetadata (64)
javastatic (68)
jsp实用教程 (53)
fontawesome (57)
widget开发 (57)
vb net教程 (62)
hibernate 教程 (63)
case语句 (57)
svn连接 (74)
directoryindex (69)
session timeout (58)
textbox换行 (67)
extension_dir (64)
linearlayout (58)
vba高级教程 (75)
iframe用法 (58)
sqlparameter (59)
trim函数 (59)
flex布局 (63)
contextloaderlistener (56)



                    
    






    

                    




    

        
 首页
                        
收录
                                
 顶部
    



表格中的标准单元格

定义表头单元格