zoukankan      html  css  js  c++  java
  • 行内元素与块级元素的区别与转换

    非原创!

    原文:http://blog.csdn.net/sykent/article/details/7738408

    一、行内元素与块级元素

    块级元素如:<div> ,<h1>,<dl> ,<dt>,<hr> ,<table>,<tr>,<td> ,<ol>,<li>,<pre>等

    行内元素如:<a>,<b>,<br>,<code>,<em>,<strong>,<img>,<input>,<label>等

    二、行内元素与块级函数的三个区别

    1.行内元素与块级元素直观上的区别

        行内元素会在一条直线上排列,都是同一行的,水平方向排列

        块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

    2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

    3.行内元素与块级元素属性的不同,主要是盒模型属性上

    行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效


    三、行内元素转换为块级元素

            display:block (字面意思表现形式设为块级)

  • 相关阅读:
    切片 Slice
    表单与v-model
    vue-内置指令
    go单元测试
    go异常处理
    设计模式
    django数据库事务
    go interface衍生的插件化处理
    goroutine
    drf之序列化
  • 原文地址:https://www.cnblogs.com/anHIZ/p/4381042.html
Copyright © 2011-2022 走看看