内联元素间的间隙加大?

来源:12-3 我要和你站一起 - 内联元素

ylq

2015-06-05 09:21

怎么把内联元素的间隙加大,加&nbsp效果不太理想,请问还有其他方法吗?

写回答 关注

4回答

  • winde
    2015-06-05 11:12:01

    margin就可以了

  • ylq
    2015-06-05 09:39:23

    谢谢~

  • Perona
    2015-06-05 09:33:11

    通过CSS把内联元素变成内联块状元素,然后就可以设置宽度、高度、边距;

    display:inline-block;

    如本例,变成内联块状元素,设置内边距

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>行内元素标签</title>
    <style type="text/css">
    a,span,em{
        background:pink;
        display:inline-block;
        padding:20px;
    }
    </style>
    </head>
    <body>
    <a>1</a>
    <a>2</a>
    <span>33333</span>
    <span>44444</span><em>555555</em>
    </body>
    </html>


  • 法王2024
    2015-06-05 09:27:09

    用css控制

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228290 学习 · 18460 问题

查看课程

相似问题