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