zoukankan      html  css  js  c++  java
  • 块状元素和内联元素

    每次有项目来了,后台功能都能搞定,结果设计稿一来,前端页面总要拜托前端同事去搞定,想了一下,自己还是要懂一点css的,下面进入正题:

    常用的块级元素:

    <div>、 <p>、<h1>、<form>、<ul> 和 <li>

    常用的内联元素:

    <span>、<a>、<label>、<input>、 <img>

    当然还有很多,上面只列出最常用的几种

    下面讲下两种的区别:

    块级元素:1.作为容器,可以容纳其他块级元素和内联元素

         2.排斥和其他元素共处一行

         3.可以通过width和height设置宽高

    内联元素:1.只能容纳文字和其他内联元素

         2.可以和其他内联元素共处一行

           3.无法通过width和height设置宽高

    转换: 1.通过设置块级元素的 display:inline ,就可以将块级元素转换为内联元素,拥有内联元素的特性

           2.设置内联元素的display:block,就可以将内联元素转换为块级元素,拥有块级元素的特性

        3.如果将块级元素/内联元素的display:inline-block,那么将会同时拥有两种特性:

        a.可以和其他元素共处一行

        b.元素的宽高,行高,上下边距都可以进行设置

        

  • 相关阅读:
    delphi多线程加锁
    delphi中pchar、char、string的定义与区别
    delphi指针
    关于delphi函数的调用顺序问题
    easyexcel
    # springcloud-eureka-feign-mybatis-seata ### 整合步奏
    zuul网关
    ## feign远程调用开启熔断
    eureka2
    Eureka
  • 原文地址:https://www.cnblogs.com/getmn/p/11104986.html
Copyright © 2011-2022 走看看