zoukankan      html  css  js  c++  java
  • a标签为什么经常性加display:inline-block呢

    a标签float后,也会变成行内块元素

    因为a标签是属于行内元素,行内元素是无法设置宽和高的,即使设置了也不起作用,那么把它设置成display:inline-block后,也就是把它设置成了行内块状元素,那么它同时拥有行内元素和块状元素的特点,就可以设置宽、高等属性了!

    删除display:inline-block有没有影响要看你有没给a标签设置宽高等属性,如果没设置这些属性当然就没有影响了!

    下面这段代码你运行一下,试着把display:inline-block注示掉,就知道它们的区别在哪了,希望能帮到你,加油!!!

    <!DOCTYPE HTML>
    
    <html>
    
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <title>无标题文档</title>
    
    <style type="text/css">
    
        .imooc{
    
        background-color:red;
    
        }
    
        #imooc2{
    
            display:inline-block;
    
            100px;
    
            height:25px;
    
            text-align:center;
    
            line-height:25px;
    
        }
    
    </style>
    
    </head>
    
    <body>
    
        <a class="imooc" id="imooc1" href="#">慕课网</a>
    
        <a class="imooc" id="imooc2" href="#">慕课网</a>
    
    </body>
    
    </html>
    

    http://www.imooc.com/wenda/detail/336848?t=214151

  • 相关阅读:
    day03 bs4解析库
    day02—selenium库
    day01爬虫三部曲
    IIC SPI UART通信方式的区别
    五大类程序设计模式
    套接字编程基础
    主机字节序和网络字节序转换
    位运算
    ARM体系结构的特点
    static关键字的作用
  • 原文地址:https://www.cnblogs.com/hanfe1/p/12322981.html
Copyright © 2011-2022 走看看