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,高度,行高,外边距以及内边距都可以控制
  • 相关阅读:
    第06组 Beta冲刺(4/5)
    第06组 Beta冲刺 (3/5)
    第06组 Beta冲刺 (2/5)
    第06组 Beta冲刺 (1/5)
    Attention与Transformer学习【更新中】
    【李沐】动手学深度学习-pytorch 2021版 softmax回归的简洁实现
    【李沐】动手学深度学习-pytorch 2021版 从零开始实现softmax回归
    [Java]剑指offer:矩阵中的路径
    [Java]剑指offer:平衡二叉树
    [Java]剑指offer:链表中倒数第k个结点
  • 原文地址:https://www.cnblogs.com/woaiacfun/p/13787572.html
Copyright © 2011-2022 走看看