【设置a标签宽高 _行内元素 】 | IT修真院·坑乎
问题已收录 设置a标签宽高
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(2)
行内元素
详细描述
截图
代码
编辑于2024-04-18
  • [武汉|结业弟子]JS-陈杰超
    0

    a标签只需要设置dispaly:inline-block;即可设置宽高,形成一个按钮。

    html代码

    <a href="#" class="test">我是按钮的文字</a>

    CSS代码

    display: inline-block;
    width:10rem;
    height:5rem;
    border-radius: 1rem;
    margin:5rem;
    text-align: center;
    line-height: 5rem;
    text-decoration: none;
    background-color:#f66f6f;
    color:#fff;

    最后形成的效果是:

    编辑于2018-04-26
  • [上海|荣耀师兄]JS-王刚
    0

    - -其实就是行内元素和块级元素的区别、行内元素没有宽高。

    a标签是行内标签,我们需要将其改为内联inline-block或者block即可对其进行宽高设置,和背景颜色更改

    编辑于2018-12-21