100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css设置元素继承父元素宽度_CSS设置超链接A标签宽度和高度

css设置元素继承父元素宽度_CSS设置超链接A标签宽度和高度

时间:2018-11-18 17:40:41

相关推荐

css设置元素继承父元素宽度_CSS设置超链接A标签宽度和高度

CSS成功定义设置超链接a宽度与高度方法

在DIV CSS布局中,html中a超链接标签,直接对其设置宽度和高度不能生效,设置宽度和高度也不起作用,这里为大家分享解决实现A标签宽度和高度实现。

解决方法:

1、对a标签样式加display:block;或者display:inline-block;加后实现成块状属性

2、float,对a样式盒子float:left让它成浮动

3、当然以上两种方法一个弊端,第一种会让a独占一行,第二种方法会让a浮动,可能会照成与其它文字内容重叠。最后我们会介绍变通地对html a设置什么样式达到我们想要的宽度和高度效果。

CSS+DIV实例示范对A控制宽度和高度样式

一、使用display:block实现a宽度和高度 - TOP

DIVCSS5对一个div命名为".abc"里的a设置width为80px,height:30px,为了观察效果设置一黑色边框。对a设置CSS样式display:block即可让高度宽度生效。

1、完整html源代码(DIV+CSS):

html>

a设置宽度和高度DIVCSS5演示

.abca{display:block;width:130px;height:30px;border:1pxsolid#000}

我宽度80,高30

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。