我是靠谱客的博主 端庄发带,这篇文章主要介绍常用块级元素、行内元素、行内块元素 以及 相互转化,现在分享给大家,希望可以做个参考。

常用块级元素:可控制高度、行高、内边距、外边距。文字类块级标签里面不能放其他块级元素

<h1> ~ <h6>    <p>     <div>       <ul>          <ol>        <li> 

 

常用行内元素:一般不可以设置高度、宽度、对齐,但水平方向的padding和margin可以设置,垂直方向无效。

                           行内元素只能容纳行内元素、其他文本元素。<a>除外

<a>      <strong>     <em>          <b>    <i>     <del>    <s>      <ins>      <u>     <span> 

 

 

常用行内块元素:可控制高度、行高(line-height)、内边距、外边距

                             行内块元素没有height

<image />     <input />    <td>

 

 

块  转  行内  : display:inline

行内  转   块 : display:block

行内  转   行内块 :  display:inline-block

 

浮动 float 可以让元素转为行内块元素(内容可以撑开盒子)

最后

以上就是端庄发带最近收集整理的关于常用块级元素、行内元素、行内块元素 以及 相互转化的全部内容,更多相关常用块级元素、行内元素、行内块元素内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部