CSS 基础：块级元素、行内元素、替换元素、非替换元素

2012 年 1 月 17 日

今天，我们要讲的是块级元素、行内元素、替换元素、非替换元素的区分和特点。

元素的分类

1 替换和不可替换元素

从元素本身的特点来讲，可以分为替换和不可替换元素。

1.1 替换元素

替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如：浏览器会根据
标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；

又例如：根据
标签的type属性来决定是显示输入框，还是单选按钮等。

(X)HTML中的
、
、 </code><br /> 、 <code></code><br /> 、 <code></code><br /> 都是替换元素。这些元素往往没有实际的内容，即是一个空元素，浏览器会根据元素的标签类型和属性来显示这些元素。可替换元素也在其显示中生成了框。 </p> <h4>1.2 不可替换元素</h4> <p>(X)HTML 的大多数元素是不可替换元素，即其内容直接表现给用户端（例如浏览器）。段落 <code></p> <p></code><br /> 是一个不可替换元素，文字“段落的内容”全被显示。 </p> <h4>2 显示元素</h4> <p> 除了可替换元素和不可替换元素的分类方式外，CSS 2.1中元素还有另外的分类方式：块级元素（block-level）和行内元素（inline-level，也译作“内联”元素）。</p> <p>2.1 块级元素<br /> 在视觉上被格式化为块的元素，最明显的特征就是它默认在横向充满其父元素的内容区域，而且在其左右两边没有其他元素，即块级元素默认是独占一行的。</p> <p>典型的块级元素有： <code></p> <div></code><br /> 、 <code></p> <p></code><br /> 、 <code></p> <h1></code><br /> 到 <code></p> <h6></code><br /> ，等等。<br /> 通过CSS设定了浮动（float属性，可向左浮动或向右浮动）以及设定显示（display）属性为“block”或“list-item”的元素都是块级元素。</p> <p>但是浮动元素比较特殊，由于浮动，其旁边可能会有其他元素的存在。而“list-item”（列表项 <code></p> <li></code><br /> ），会在其前面生成圆点符号，或者数字序号。 </p> <h4>2.2 行内元素</h4> <p>行内元素不形成新内容块，即在其左右可以有其他元素，例如 <code><a></code><br /> 、 <code><span></code><br /> 、 <code><strong></code><br /> 等，都是典型的行内级元素。 </p> <p>display属性等于“inline”的元素都是行内元素。几乎所有的可替换元素都是行内元素，例如 <code><img></code><br /> 、 <code></code><br /> 等等。<br /> 不过元素的类型也不是固定的，通过设定CSS 的display属性，可以使行内元素变为块级元素，也可以让块级元素变为行内元素。<br /> MDN 对行内元素这么定义：<br /> 一个行内元素只占据它对应标签的边框所包含的空间。</p> <h2>各种元素的width height margin padding 特性 </h2> <h4>1 块级元素</h4> <p> width、 height、 margin的四个方向、 padding的四个方向都正常显示，遵循标准的css盒模型。例如：div</p> <h4>2 行内替换元素</h4> <p> width、 height、 margin的四个方向、 padding的四个方向都正常显示，遵循标准的css盒模型。例如：img</p> <p>3 行内非替换元素（重点）<br /> width、 height不起作用，用line-height来控制高度。<br /> padding左右起作用，上下不会影响行高，但是对于有背景色和内边距的行内非替换元素，背景可以向元素上下延伸，但是行高没有改变。因此视觉效果就是与前面的行重叠。(《css权威指南》 P249)<br /> margin左右作用起作用，上下不起作用，原因在于：行内非替换元素的外边距不会改变一个元素的行高（《css权威指南》 P227）。 </p></div>  <div class="tags"></div>  </div>  <div class="related-posts"><div class="postauthor-top"><h3>Related Posts</h3></div> <article class="post excerpt "> <a href="https://www.go2live.cn/nocate/%e9%9d%a2%e8%af%95%e5%ae%98%ef%bc%9a%e8%af%b4%e8%af%b4%e4%bd%a0%e5%af%b9spring-aop%e7%9a%84%e5%ae%9e%e7%8e%b0%e6%9c%ba%e5%88%b6%e7%9a%84%e7%90%86%e8%a7%a3%ef%bc%81.html" title="面试官：说说你对Spring AOP的实现机制的理解！" id="featured-thumbnail"> <header> <h4 class="title front-view-title">面试官：说说你对Spring AOP的实现机制的理解！</h4> </header> </a> </article> <article class="post excerpt "> <a href="https://www.go2live.cn/nocate/e-printstacktrace%e4%b8%8d%e6%98%af%e6%89%93%e5%8d%b0%e5%90%97%ef%bc%8c%e8%bf%98%e8%83%bd%e9%94%81%e6%ad%bb%ef%bc%9f.html" title="e.printStackTrace()不是打印吗，还能锁死？" id="featured-thumbnail"> <header> <h4 class="title front-view-title">e.printStackTrace()不是打印吗，还能锁死？</h4> </header> </a> </article> <article class="post excerpt last"> <a href="https://www.go2live.cn/nocate/java%e5%a4%9a%e7%ba%bf%e7%a8%8b%e7%9f%a5%e8%af%86%e5%b0%8f%e6%8a%84%e9%9b%86%e4%b8%80.html" title="Java多线程知识小抄集(一)" id="featured-thumbnail"> <header> <h4 class="title front-view-title">Java多线程知识小抄集(一)</h4> </header> </a> </article> </div>   <div class="postauthor"> <h4>About The Author</h4> <img alt='' src='https://secure.gravatar.com/avatar/6af40a26d4e59bf6bffd58363a2bdf34?s=85&d=monsterid&r=g' srcset='https://secure.gravatar.com/avatar/6af40a26d4e59bf6bffd58363a2bdf34?s=170&d=monsterid&r=g 2x' class='avatar avatar-85 photo' height='85' width='85' /> <h5>shine</h5> <p></p> </div>   </div> </div> </article>   <aside class="sidebar c-4-12"> <div id="sidebars" class="sidebar"> <div class="sidebar_list"> <div id="search-2" class="widget widget_search"><form method="get" id="searchform" class="search-form" action="https://www.go2live.cn" _lpchecked="1"> <fieldset> <input type="text" name="s" id="s" value="Search this site..." onblur="if (this.value == '') {this.value = 'Search this site...';}" onfocus="if (this.value == 'Search this site...') {this.value = '';}" > <input type="submit" value="Search" /> </fieldset> </form> </div><div id="linkcat-115" class="widget widget_links"><h3 class="widget-title"><span>友情链接</span></h3> <ul class='xoxo blogroll'> <li><a href="http://mooc.guokr.com/course/" target="_blank">mooc学院-综合学习</a></li> <li><a href="http://www.guanyuwu.com" rel="acquaintance sweetheart" target="_blank">创意手工分享</a></li> <li><a href="http://www.tuijiankan.com/" rel="friend" target="_blank">向阳博客</a></li> <li><a href="http://blog.devtang.com/" target="_blank">唐巧的技术博客-研发</a></li> <li><a href="http://www.liaoxuefeng.com/" target="_blank">廖雪峰官方网站-研发</a></li> <li><a href="http://weappdev.com/" target="_blank">微信小程序开发论坛</a></li> <li><a href="https://guanyuwu.taobao.com">直男送礼好去处</a></li> <li><a href="http://coolshell.cn/">酷壳-研发</a></li> <li><a href="http://www.ruanyifeng.com/blog/" target="_blank">阮一峰博客-研发-前端</a></li> <li><a href="http://www.laruence.com/" target="_blank">鸟哥博客-php专家</a></li> <li><a href="http://gongfuxiang.com/" target="_blank">龚福祥的博客-研发</a></li> </ul> </div> <div id="pages-10" class="widget widget_pages"><h3 class="widget-title"><span>页面</span></h3> <ul> <li class="page_item page-item-86"><a href="https://www.go2live.cn/it%e4%bc%81%e4%b8%9a">互联网it企业一览</a></li> <li class="page_item page-item-135484"><a href="https://www.go2live.cn/%e5%85%b3%e4%ba%8e">关于</a></li> <li class="page_item page-item-396503 page_item_has_children"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c">参考手册</a> <ul class='children'> <li class="page_item page-item-346526"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e6%8a%80%e6%9c%af%e9%80%89%e5%9e%8b">go技术选型</a></li> <li class="page_item page-item-346528 page_item_has_children"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e8%af%ad%e8%a8%80%e5%8f%82%e8%80%83">go语言参考</a> <ul class='children'> <li class="page_item page-item-392240"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e8%af%ad%e8%a8%80%e5%8f%82%e8%80%83/%e6%8e%a8%e8%8d%90%e4%b9%a6%e7%9b%ae">推荐书目</a></li> </ul> </li> <li class="page_item page-item-396501"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/ssh%e4%bd%bf%e7%94%a8%e4%bb%8b%e7%bb%8d">ssh使用介绍</a></li> </ul> </li> <li class="page_item page-item-4972"><a href="https://www.go2live.cn/%e6%bc%94%e9%81%93%e5%85%ac%e4%bc%97%e5%8f%b7%e8%ae%a2%e9%98%85%e8%af%b4%e6%98%8e">演道公众号订阅说明</a></li> <li class="page_item page-item-72"><a href="https://www.go2live.cn/%e8%8b%b1%e6%96%87%e5%9c%b0%e5%9d%80%e5%86%99%e6%b3%95">英文地址写法</a></li> </ul> </div><div id="calendar-5" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar"> <caption>2025年六月</caption> <thead> <tr> <th scope="col" title="星期一">M</th> <th scope="col" title="星期二">T</th> <th scope="col" title="星期三">W</th> <th scope="col" title="星期四">T</th> <th scope="col" title="星期五">F</th> <th scope="col" title="星期六">S</th> <th scope="col" title="星期日">S</th> </tr> </thead> <tfoot> <tr> <td colspan="3" id="prev"><a href="https://www.go2live.cn/2022/01">« Jan</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="6" class="pad"> </td><td>1</td> </tr> <tr> <td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td> </tr> <tr> <td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td> </tr> <tr> <td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td> </tr> <tr> <td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td> </tr> <tr> <td id="today">30</td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table></div></div><div id="categories-3" class="widget widget_categories"><h3 class="widget-title"><span>分类目录</span></h3> <ul> <li class="cat-item cat-item-16"><a href="https://www.go2live.cn/category/program/android" title="android的四种启动模式，与五大布局，五种存储模式，四大组件::::::演道网Andriod专栏提供Andriod基础概念，具体代码演示，方便大家深入理解和运用Android。大部分代码可以直接使用。">Android</a> </li> <li class="cat-item cat-item-269"><a href="https://www.go2live.cn/category/program/go" title="go,golang,go编程语言,golang编程, go web, go 分布式, go 并发">go</a> </li> <li class="cat-item cat-item-4"><a href="https://www.go2live.cn/category/program/ios" title="iOS开发入门和提高::::::演道网IOS专栏提供一线IOS研发人员在工作学习过程中的经验总结。让大家少走弯路。">iOS</a> </li> <li class="cat-item cat-item-80"><a href="https://www.go2live.cn/category/program/java" title="java入门与提高::::::演道网java专栏提供一线java研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">java</a> </li> <li class="cat-item cat-item-6"><a href="https://www.go2live.cn/category/basic/linux" >linux学习</a> </li> <li class="cat-item cat-item-79"><a href="https://www.go2live.cn/category/program/php" title="php入门与提高::::::演道网php专栏提供一线php研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">php</a> </li> <li class="cat-item cat-item-81"><a href="https://www.go2live.cn/category/program/python" title="python入门与提高::::::演道网python专栏提供一线python研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">python</a> </li> <li class="cat-item cat-item-82"><a href="https://www.go2live.cn/category/practice/shell" >shell</a> </li> <li class="cat-item cat-item-105"><a href="https://www.go2live.cn/category/prd/design" >UI设计</a> </li> <li class="cat-item cat-item-11"><a href="https://www.go2live.cn/category/dev/web" >web</a> </li> <li class="cat-item cat-item-22"><a href="https://www.go2live.cn/category/dev" title="w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs::::演道网的w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs等技术都在这里。">产品研发</a> </li> <li class="cat-item cat-item-73"><a href="https://www.go2live.cn/category/prd" title="互联网产品、设计、运营案例分析，方法论指导::::::演道网互联网产品设计专栏提供网上优秀的产品运营设计相关的知识和文章。">产品设计</a> </li> <li class="cat-item cat-item-104"><a href="https://www.go2live.cn/category/prd/product" >产品需求</a> </li> <li class="cat-item cat-item-23"><a href="https://www.go2live.cn/category/dev/%e5%85%b6%e5%ae%83" >其它</a> </li> <li class="cat-item cat-item-277"><a href="https://www.go2live.cn/category/reference" >参考手册</a> </li> <li class="cat-item cat-item-276"><a href="https://www.go2live.cn/category/%e5%bf%83%e7%81%b5%e5%b0%8f%e6%86%a9" title="心灵小憩">心灵小憩</a> </li> <li class="cat-item cat-item-84"><a href="https://www.go2live.cn/category/dev/db" title="数据库入门与提高::::::演道网数据库专栏提供一线数据库研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">数据库</a> </li> <li class="cat-item cat-item-1"><a href="https://www.go2live.cn/category/nocate" >未分类</a> </li> <li class="cat-item cat-item-3"><a href="https://www.go2live.cn/category/life" >生活随感</a> </li> <li class="cat-item cat-item-266"><a href="https://www.go2live.cn/category/basic/algorithm" >算法</a> </li> <li class="cat-item cat-item-75"><a href="https://www.go2live.cn/category/grow" >观念更新</a> </li> <li class="cat-item cat-item-270"><a href="https://www.go2live.cn/category/practice/keng" >踩坑</a> </li> <li class="cat-item cat-item-83"><a href="https://www.go2live.cn/category/practice/devops" >运维</a> </li> <li class="cat-item cat-item-106"><a href="https://www.go2live.cn/category/prd/market" >运营推广</a> </li> </ul> </div><div id="tag_cloud-12" class="widget widget_tag_cloud"><h3 class="widget-title"><span>标签</span></h3><div class="tagcloud"><a href="https://www.go2live.cn/tag/android" class="tag-cloud-link tag-link-39 tag-link-position-1" style="font-size: 18.980392156863pt;" aria-label="Android (47 items)">Android</a> <a href="https://www.go2live.cn/tag/android%e5%bc%80%e5%8f%91%e6%8a%80%e6%9c%af%e5%91%a8%e6%8a%a5" class="tag-cloud-link tag-link-258 tag-link-position-2" style="font-size: 14.862745098039pt;" aria-label="Android开发技术周报 (16 items)">Android开发技术周报</a> <a href="https://www.go2live.cn/tag/angularjs" class="tag-cloud-link tag-link-119 tag-link-position-3" style="font-size: 12.300653594771pt;" aria-label="AngularJS (8 items)">AngularJS</a> <a href="https://www.go2live.cn/tag/django" class="tag-cloud-link tag-link-134 tag-link-position-4" style="font-size: 16.052287581699pt;" aria-label="django (22 items)">django</a> <a href="https://www.go2live.cn/tag/flask" class="tag-cloud-link tag-link-259 tag-link-position-5" style="font-size: 8pt;" aria-label="flask (2 items)">flask</a> <a href="https://www.go2live.cn/tag/http" class="tag-cloud-link tag-link-45 tag-link-position-6" style="font-size: 17.516339869281pt;" aria-label="http (32 items)">http</a> <a href="https://www.go2live.cn/tag/jquery" class="tag-cloud-link tag-link-121 tag-link-position-7" style="font-size: 10.013071895425pt;" aria-label="jQuery (4 items)">jQuery</a> <a href="https://www.go2live.cn/tag/nginx" class="tag-cloud-link tag-link-77 tag-link-position-8" style="font-size: 11.843137254902pt;" aria-label="nginx (7 items)">nginx</a> <a href="https://www.go2live.cn/tag/nodejs" class="tag-cloud-link tag-link-120 tag-link-position-9" style="font-size: 13.490196078431pt;" aria-label="NodeJS (11 items)">NodeJS</a> <a href="https://www.go2live.cn/tag/securecrt" class="tag-cloud-link tag-link-103 tag-link-position-10" style="font-size: 19.895424836601pt;" aria-label="securecrt (59 items)">securecrt</a> <a href="https://www.go2live.cn/tag/shell" class="tag-cloud-link tag-link-71 tag-link-position-11" style="font-size: 18.522875816993pt;" aria-label="shell (42 items)">shell</a> <a href="https://www.go2live.cn/tag/view" class="tag-cloud-link tag-link-29 tag-link-position-12" style="font-size: 12.758169934641pt;" aria-label="View (9 items)">View</a> <a href="https://www.go2live.cn/tag/vim" class="tag-cloud-link tag-link-61 tag-link-position-13" style="font-size: 18.248366013072pt;" aria-label="vim (39 items)">vim</a> <a href="https://www.go2live.cn/tag/wordpress%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-109 tag-link-position-14" style="font-size: 10.745098039216pt;" aria-label="wordpress优化 (5 items)">wordpress优化</a> <a href="https://www.go2live.cn/tag/%e4%bb%a3%e7%a0%81%e7%a4%ba%e8%8c%83" class="tag-cloud-link tag-link-43 tag-link-position-15" style="font-size: 17.241830065359pt;" aria-label="代码示范 (30 items)">代码示范</a> <a href="https://www.go2live.cn/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-118 tag-link-position-16" style="font-size: 15.503267973856pt;" aria-label="前端开发 (19 items)">前端开发</a> <a href="https://www.go2live.cn/tag/%e5%8e%9f%e5%88%9b" class="tag-cloud-link tag-link-12 tag-link-position-17" style="font-size: 21.542483660131pt;" aria-label="原创 (91 items)">原创</a> <a href="https://www.go2live.cn/tag/%e5%9f%ba%e7%a1%80%e6%a6%82%e5%bf%b5" class="tag-cloud-link tag-link-30 tag-link-position-18" style="font-size: 16.235294117647pt;" aria-label="基础概念 (23 items)">基础概念</a> <a href="https://www.go2live.cn/tag/%e5%a4%9a%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-49 tag-link-position-19" style="font-size: 10.013071895425pt;" aria-label="多线程 (4 items)">多线程</a> <a href="https://www.go2live.cn/tag/%e5%ad%a6%e4%bc%9a%e6%8f%90%e9%97%ae" class="tag-cloud-link tag-link-129 tag-link-position-20" style="font-size: 15.137254901961pt;" aria-label="学会提问 (17 items)">学会提问</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e5%85%b7" class="tag-cloud-link tag-link-28 tag-link-position-21" style="font-size: 9.0980392156863pt;" aria-label="工具 (3 items)">工具</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e5%85%b7%e5%ad%a6%e4%b9%a0" class="tag-cloud-link tag-link-17 tag-link-position-22" style="font-size: 10.745098039216pt;" aria-label="工具学习 (5 items)">工具学习</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e7%a8%8b%e5%b8%88%e6%97%a5%e5%b8%b8" class="tag-cloud-link tag-link-218 tag-link-position-23" style="font-size: 18.614379084967pt;" aria-label="工程师日常 (43 items)">工程师日常</a> <a href="https://www.go2live.cn/tag/%e5%bc%80%e5%8f%91%e8%80%85%e5%a4%b4%e6%9d%a1" class="tag-cloud-link tag-link-170 tag-link-position-24" style="font-size: 22pt;" aria-label="开发者头条 (102 items)">开发者头条</a> <a href="https://www.go2live.cn/tag/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-116 tag-link-position-25" style="font-size: 14.588235294118pt;" aria-label="微信小程序 (15 items)">微信小程序</a> <a href="https://www.go2live.cn/tag/%e5%be%ae%e4%bf%a1%e5%ba%94%e7%94%a8%e5%8f%b7" class="tag-cloud-link tag-link-117 tag-link-position-26" style="font-size: 14.40522875817pt;" aria-label="微信应用号 (14 items)">微信应用号</a> <a href="https://www.go2live.cn/tag/%e5%bf%83%e6%99%ba" class="tag-cloud-link tag-link-35 tag-link-position-27" style="font-size: 12.758169934641pt;" aria-label="心智 (9 items)">心智</a> <a href="https://www.go2live.cn/tag/%e6%8a%80%e6%9c%af%e6%9e%b6%e6%9e%84" class="tag-cloud-link tag-link-127 tag-link-position-28" style="font-size: 16.967320261438pt;" aria-label="技术架构 (28 items)">技术架构</a> <a href="https://www.go2live.cn/tag/%e6%8e%a8%e8%8d%90" class="tag-cloud-link tag-link-32 tag-link-position-29" style="font-size: 8pt;" aria-label="推荐 (2 items)">推荐</a> <a href="https://www.go2live.cn/tag/%e6%95%88%e7%8e%87" class="tag-cloud-link tag-link-37 tag-link-position-30" style="font-size: 11.385620915033pt;" aria-label="效率 (6 items)">效率</a> <a href="https://www.go2live.cn/tag/%e6%a0%b8%e5%bf%83%e6%a6%82%e5%bf%b5" class="tag-cloud-link tag-link-34 tag-link-position-31" style="font-size: 10.013071895425pt;" aria-label="核心概念 (4 items)">核心概念</a> <a href="https://www.go2live.cn/tag/%e6%ba%90%e7%a0%81%e5%88%86%e6%9e%90" class="tag-cloud-link tag-link-33 tag-link-position-32" style="font-size: 10.745098039216pt;" aria-label="源码分析 (5 items)">源码分析</a> <a href="https://www.go2live.cn/tag/%e7%9f%a5%e8%af%86%e6%80%bb%e7%bb%93" class="tag-cloud-link tag-link-97 tag-link-position-33" style="font-size: 9.0980392156863pt;" aria-label="知识总结 (3 items)">知识总结</a> <a href="https://www.go2live.cn/tag/%e7%a0%81%e5%86%9c%e5%91%a8%e5%88%8a" class="tag-cloud-link tag-link-257 tag-link-position-34" style="font-size: 15.320261437908pt;" aria-label="码农周刊 (18 items)">码农周刊</a> <a href="https://www.go2live.cn/tag/%e7%a7%af%e7%b4%af" class="tag-cloud-link tag-link-25 tag-link-position-35" style="font-size: 10.745098039216pt;" aria-label="积累 (5 items)">积累</a> <a href="https://www.go2live.cn/tag/%e7%ae%97%e6%b3%95" class="tag-cloud-link tag-link-69 tag-link-position-36" style="font-size: 13.124183006536pt;" aria-label="算法 (10 items)">算法</a> <a href="https://www.go2live.cn/tag/%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-51 tag-link-position-37" style="font-size: 16.692810457516pt;" aria-label="线程 (26 items)">线程</a> <a href="https://www.go2live.cn/tag/%e7%bf%bb%e8%af%91" class="tag-cloud-link tag-link-31 tag-link-position-38" style="font-size: 9.0980392156863pt;" aria-label="翻译 (3 items)">翻译</a> <a href="https://www.go2live.cn/tag/%e8%a7%82%e7%82%b9" class="tag-cloud-link tag-link-59 tag-link-position-39" style="font-size: 9.0980392156863pt;" aria-label="观点 (3 items)">观点</a> <a href="https://www.go2live.cn/tag/%e8%ae%a8%e8%ae%ba" class="tag-cloud-link tag-link-46 tag-link-position-40" style="font-size: 14.130718954248pt;" aria-label="讨论 (13 items)">讨论</a> <a href="https://www.go2live.cn/tag/%e8%af%bb%e4%b9%a6%e7%ac%94%e8%ae%b0" class="tag-cloud-link tag-link-36 tag-link-position-41" style="font-size: 12.300653594771pt;" aria-label="读书笔记 (8 items)">读书笔记</a> <a href="https://www.go2live.cn/tag/%e8%bd%ac%e8%bd%bd" class="tag-cloud-link tag-link-14 tag-link-position-42" style="font-size: 14.588235294118pt;" aria-label="转载 (15 items)">转载</a> <a href="https://www.go2live.cn/tag/%e8%bf%90%e7%bb%b4" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 11.843137254902pt;" aria-label="运维 (7 items)">运维</a> <a href="https://www.go2live.cn/tag/%e9%9d%a2%e8%af%95" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 18.980392156863pt;" aria-label="面试 (47 items)">面试</a> <a href="https://www.go2live.cn/tag/%e9%b8%a1%e6%b1%a4%e6%96%87" class="tag-cloud-link tag-link-94 tag-link-position-45" style="font-size: 10.013071895425pt;" aria-label="鸡汤文 (4 items)">鸡汤文</a></div> </div><div id="recent-comments-4" class="widget widget_recent_comments"><h3 class="widget-title"><span>近期评论</span></h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href='https://personalloans2.com/' rel='external nofollow' class='url'>Spotloan</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100220">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='https://paydayloans3.com/' rel='external nofollow' class='url'>Speedycash</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100219">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='http://viagra200.com/' rel='external nofollow' class='url'>JudyDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100218">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='https://nolvadex10.com/' rel='external nofollow' class='url'>SamDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100217">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='http://hydrochlorothiazide125.com/' rel='external nofollow' class='url'>AlanDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100216">Linux useradd命令添加新用户图文详解-演道网</a>》</li></ul></div> </div> </div> </aside>  </div> </div> <footer id="site-footer" role="contentinfo">  <div class="copyrights"> <div class="container"> <div class="row" id="copyright-note"> <span> © 2025 演道网 <span class="footer-info-right"> <a href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备16029834号-1 </a> </span> <div class="top"> <a href="#top" class="toplink">Back to Top ↑</a> </div> </div> </div> </div>  </footer> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Emojify.js/js/emojify.min.js?ver=9.9.9'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/ClipBoard/clipboard.min.js?ver=2.0.1'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/components/prism-core.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/autoloader/prism-autoloader.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/toolbar/prism-toolbar.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/show-language/prism-show-language.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Turndown/turndown.js?ver=5.0.1'></script> <script type='text/javascript' src='https://www.go2live.cn/wp-content/themes/feather-magazine/js/customscripts.js?ver=4.9.8'></script> <script type='text/javascript' src='https://www.go2live.cn/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=default&ver=1.3.10'></script> <script type="text/javascript"> window.onload = function () { emojify.setConfig({ img_dir: "https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Emojify.js/images/basic",//前端emoji资源地址 blacklist: { 'ids': [], 'classes': ['no-emojify'], 'elements': ['^script$', '^textarea$', '^pre$', '^code$'] } }); emojify.run(); } </script> <script type="text/javascript"> Prism.plugins.autoloader.languages_path = "https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/components/"; </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7c0353d5197094ff9721e67666d9b6b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>