zoukankan      html  css  js  c++  java
  • 行内元素没有宽高,块级元素有宽高

    html 行内元素是没有宽高的!也就是说没有width!高的话可以用line-height撑起来。

    要想行内元素有宽高,可以将行内元素转化为块级元素或者行内块元素:

    display:block;(转为块元素,独占一行)
    display:inline-block;(转为行内块元素,在一行内显示但又有宽高)

    像span label 等元素 都是行内元素,仅用height和width控制高宽往往达不到想要的效果,一般都要加上display:block;(独占一行) 或是display:inline-block;(仍为块级元素)
    块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块元素了
    下面我们举例子:

    Untitled Document
    块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块元素了
    div1
    div2
    span1span2
    div3
    div4
    span3 span4
  • 相关阅读:
    audio_policy.conf说明(翻译)
    Qt
    linux C
    Linux C
    Linux C
    Qt
    Qt
    JSON
    JSON
    Qt
  • 原文地址:https://www.cnblogs.com/canceler/p/5565342.html
Copyright © 2011-2022 走看看