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

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