zoukankan      html  css  js  c++  java
  • 显示模式------行内元素、块元素,行内块元素

     1、块级显示模式:常见的块级元素有<h1>~<h6>,<p>,<ul>,<ol>,<li>
                最典型的是div标签
                特点:
                    1.独占一行
                    2.宽度、高度、外边距以及内边距都可以控制
                    3.宽度默认是容器的100%
                    4.是一个容器及盒子,里面可以放行内或者块级元素
                注意:
                    1.p标签只能装文字,不能放块级元素
                    2.h标签也是同样的
    2.inline-value:行内元素也称为内联元素
                常见的行内元素:
                    <a>,<b>,<strong>,<em>,<del>,<i>,<s>,<ins>,<u>,<span>等
                    其中span最为典型 
            行内元素特点:
                1.相邻的行内元素在一行上排列,一行可以显示多个
                2.宽度和高度直接设置是无效的
                3.默认宽度就是他本身内容的宽度
                4.行内元素只能容纳文本或其他行内元素
            注意:
                1、<a>标签内不能再放<a>标签了
                2、特殊情况下a里面可以放块级元素,但是需要将a转换成块级模式
     3、行内块元素:inline-block
            常见的有;<img />,<input />,<td>,可以对他们设置宽高和对齐属性
            
            特点:
                1.相邻的行内元素在一行上,但是之间会有空白缝隙,一行可以显示多个
                2,默认宽度就是他本身内容的宽度
                3,高度,行高,外边距以及内边距都可以控制
  • 相关阅读:
    Gerrit配置--用户配置
    repo+manifests+git方式管理安卓代码
    FLASH OTP
    Wireshark抓包分析TCP协议
    python 批量修改图片大小
    python 文件查找 glob
    python 统计单词个数
    python 图片上添加数字源代码
    python 删除文件和文件夹
    python 程序列表
  • 原文地址:https://www.cnblogs.com/woaiacfun/p/13787572.html
Copyright © 2011-2022 走看看