摘要：我是行內(nèi)元素標(biāo)簽我是行內(nèi)元素標(biāo)簽注塊級元素各占一行。行內(nèi)元素不可以控制寬和高。除非你想將它轉(zhuǎn)變成為塊級元素。

注：行內(nèi)元素會在一條直線上，是在同一行的。

//我是行內(nèi)元素SPAN標(biāo)簽//我是行內(nèi)元素strong標(biāo)簽//

注：塊級元素各占一行。是垂直方向的！

我是塊級元素div標(biāo)簽
我是塊級元素P標(biāo)簽

如果你要將行內(nèi)元素變成塊級元素，那么就只需要在該標(biāo)簽上加上樣式 display:block

塊級元素可以用樣式控制其高和寬。

行內(nèi)元素不可以控制寬和高。

除非你想將它轉(zhuǎn)變成為塊級元素。它的寬和高，是隨標(biāo)簽里的內(nèi)容而變化。

所有行內(nèi)元素和塊級元素標(biāo)簽（比較懶，別人整理的）:

定義地址

定義表格標(biāo)題

定義列表中定義條目

定義文檔中的分區(qū)或節(jié)

定義列表

定義列表中的項(xiàng)目

定義一個框架集

創(chuàng)建 HTML 表單

定義最大的標(biāo)題

定義副標(biāo)題

定義標(biāo)題

定義標(biāo)題

定義標(biāo)題

定義最小的標(biāo)題

創(chuàng)建一條水平線

元素為 fieldset 元素定義標(biāo)題

標(biāo)簽定義列表項(xiàng)目

為那些不支持框架的瀏覽器顯示文本，于 frameset 元素內(nèi)部

                </div>              </div>
           </div>
        </div>
      </div> 
    </section>
    <!-- wap拉出按鈕 -->
     <div   id="6a22guqa"   class="site-tree-mobile layui-hide">
      <i class="layui-icon layui-icon-spread-left"></i>
    </div>
    <!-- wap遮罩層 -->
    <div   id="6a22guqa"   class="site-mobile-shade"></div>
    
       <!--付費(fèi)閱讀 -->
       <div   class="6a22guqa"   id="payread">
         <div   id="6a22guqa"   class="layui-form-item">閱讀需要支付1元查看</div>  
         <div   id="6a22guqa"   class="layui-form-item"><button class="btn-right">支付并查看</button></div>     
       </div>
      
  <link rel="stylesheet" type="text/css" href="http://m.hztianpu.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
    
    






<footer>
        <div   id="6a22guqa"   class="layui-container">
            <div   id="6a22guqa"   class="flex_box_zd">
              <div   id="6a22guqa"   class="left-footer">
                    <h6><a href="http://m.hztianpu.com/"><img src="http://m.hztianpu.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
                    <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
              </div>
              <div   id="6a22guqa"   class="right-footer layui-hidemd">
                  <ul class="flex_box_zd">
                      <li>
                        <h6>UCloud與云服務(wù)</h6>
                         <p><a href="http://m.hztianpu.com/site/about/intro/">公司介紹</a></p>
                         <p><a  >加入我們</a></p>
                         <p><a href="http://m.hztianpu.com/site/ucan/onlineclass/">UCan線上公開課</a></p>
                         <p><a href="http://m.hztianpu.com/site/solutions.html" >行業(yè)解決方案</a></p>                                                  <p><a href="http://m.hztianpu.com/site/pro-notice/">產(chǎn)品動態(tài)</a></p>
                      </li>
                      <li>
                        <h6>友情鏈接</h6>                                             <p><a >GPU算力平臺</a></p>                                             <p><a >UCloud私有云</a></p>
                                             <p><a >SurferCloud</a></p>                                             <p><a >工廠仿真軟件</a></p>                                                                                       <p><a >AI繪畫</a></p>
                                              <p><a >Wavespeed AI</a></p> 
                                             
                      </li>
                      <li>
                        <h6>社區(qū)欄目</h6>
                         <p><a href="http://m.hztianpu.com/yun/column/index.html">專欄文章</a></p>
                     <p><a href="http://m.hztianpu.com/yun/udata/">專題地圖</a></p>                      </li>
                      <li>
                        <h6>常見問題</h6>
                         <p><a href="http://m.hztianpu.com/site/ucsafe/notice.html" >安全中心</a></p>
                         <p><a href="http://m.hztianpu.com/site/about/news/recent/" >新聞動態(tài)</a></p>
                         <p><a href="http://m.hztianpu.com/site/about/news/report/">媒體動態(tài)</a></p>                                                  <p><a href="http://m.hztianpu.com/site/cases.html">客戶案例</a></p>                                                
                         <p><a href="http://m.hztianpu.com/site/notice/">公告</a></p>
                      </li>
                      <li>
                          <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
                          <p>掃掃了解更多</p></div>
            </div>
            <div   id="6a22guqa"   class="copyright">Copyright ? 2012-2025 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> 

<!-- Global site tag (gtag.js) - Google Analytics -->


</div> 
        </div>
    </footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<h1><a href="http://m.hztianpu.com/">&#25104;&#20154;&#26080;&#30721;&#35270;&#39057;&#44;&#20122;&#27954;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#97;&#118;&#26080;&#30721;&#44;&#21320;&#22812;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#20037;&#27611;&#29255;&#44;&#20122;&#27954;&#32;&#20013;&#25991;&#23383;&#24149;&#32;&#26085;&#38889;&#32;&#26080;&#30721;</a></h1>

<div class="friend-links">


</div>
</div>

</footer>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="swags" class="pl_css_ganrao" style="display: none;"><strike id="swags"></strike><dl id="swags"><optgroup id="swags"><abbr id="swags"></abbr></optgroup></dl><li id="swags"><center id="swags"><dd id="swags"></dd></center></li><source id="swags"></source><samp id="swags"><tbody id="swags"><object id="swags"></object></tbody></samp><kbd id="swags"></kbd><dl id="swags"></dl><sup id="swags"><center id="swags"><code id="swags"></code></center></sup><abbr id="swags"><tfoot id="swags"><source id="swags"></source></tfoot></abbr><dl id="swags"></dl><sup id="swags"><dd id="swags"><strong id="swags"></strong></dd></sup><tr id="swags"><s id="swags"><bdo id="swags"></bdo></s></tr><tbody id="swags"><pre id="swags"><blockquote id="swags"></blockquote></pre></tbody><td id="swags"></td><center id="swags"></center><tr id="swags"><s id="swags"><small id="swags"></small></s></tr><strong id="swags"></strong><samp id="swags"><tbody id="swags"><nav id="swags"></nav></tbody></samp><tr id="swags"><td id="swags"><bdo id="swags"></bdo></td></tr><object id="swags"></object><abbr id="swags"><center id="swags"><source id="swags"></source></center></abbr><button id="swags"></button><li id="swags"></li><tfoot id="swags"></tfoot><dl id="swags"><optgroup id="swags"><ul id="swags"></ul></optgroup></dl><noframes id="swags">
<ul id="swags"><tfoot id="swags"></tfoot></ul>
<blockquote id="swags"></blockquote>


<