HTML:


大多數 HTML 元素被定義為塊級(區塊)元素或行內(內聯)元素。

                                            一、塊級元素:在瀏覽器顯示時,通常會以新行來開始(和結束)                                                      

                                例: <p>,  <table><div> ,<ul>,<ol>,<li>,<h1>-<h6>                                                             

特點:1.可設置寬高                                                                                 

2.不可以與別人共處一行                                                    
3.不設置寬度的情況下,寬為100%(以新行顯示的原因)

 

二  、行內元素:在顯示時通常不會以新行開始。                                      

                    例: <b>, <td>, <a>,<span>                                                                  

特點:1.不可以設置寬高                                                                         
                                       2.可以與別人共處一行   (不以新行顯示的原因)                                                   
3.其寬高由內容撐開                                                         

 

三、行內塊元素:綜合了行內元素和塊狀元素的特性,但是各有取舍。

例:<img>、<input>、<select>、<label>                        

特點:1.可以設置寬高                                                                        
2.可以與別人共處一行                                                  

 

 

 

 

 

三者之間可以通過設置CSS樣式屬性display:inline-block,可將行內元素,或塊級元素轉換成行內塊級元素;

如果是將元素轉換成內聯元素,則設置display:inline;

如果是將元素轉換成塊級元素,則設置display:block;

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM