zoukankan      html  css  js  c++  java
  • 元素分类--内联块状元素

    元素分类--内联块状元素

    内联块状元素(inline-block就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。

    inline-block 元素特点:

    1、和其他元素都在一行上;

    2、元素的高度、宽度、行高以及顶和底边距都可设置。

    实例:a在默认的时候是内联元素,内联元素是不可以设置的。

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>内联块状元素</title>
    <style type="text/css">
    a{
        display:inline-block;
        width:20px;/*在默认情况下宽度不起作用*/
        height:20px;/*在默认情况下高度不起作用*/
        background:pink;/*设置背景颜色为粉色*/
        text-align:center; /*设置文本居中显示*/
    }
    </style>
    </head>
    <body>
    <a>1</a>
    <a>2</a>
    <a>3</a>
    <a>4</a>
    </body>
    </html>
  • 相关阅读:
    字符串,列表,集合,字典,元组方法
    内置对象方法
    学生管理系统(2)
    1207
    PSP总结
    1130
    1123
    1118
    1109
    评论
  • 原文地址:https://www.cnblogs.com/iBoundary/p/11433579.html
Copyright © 2011-2022 走看看