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

概述

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

<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 可以让元素转为行内块元素(内容可以撑开盒子)

最后

以上就是端庄发带为你收集整理的常用块级元素、行内元素、行内块元素 以及 相互转化的全部内容,希望文章能够帮你解决常用块级元素、行内元素、行内块元素 以及 相互转化所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部