当前文章: 首页 >> 软件 >> 浏览器 >> HTML的A标签不能调整大小?简单设置HTML的A标签宽高
«   2019年10月   »
123456
78910111213
14151617181920
21222324252627
28293031
网站分类
控制面板
您好,欢迎到访网站!
  查看权限
标签列表
最近发表

HTML的A标签不能调整大小?简单设置HTML的A标签宽高

对于前端开发不熟悉,想设置一个A标签占满背景都实现不了。

错误代码:

td a {
    width: 100%;
    height: 100%;
    background-color: lightgrey;
}

效果:

HTML的A标签不能调整大小简单设置HTML的A标签宽高001.png


网上搜索了下: 参考 http://www.divcss5.com/wenji/w627.shtml

解决方法:

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

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

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


正确代码:

td a {
    text-align: center;
    display: block;
    background-color: lightgrey;
}

效果:

HTML的A标签不能调整大小简单设置HTML的A标签宽高002.png


声明:本站原创文章,转载、复制、使用等请注明出处。
标题HTML的A标签不能调整大小?简单设置HTML的A标签宽高
作者jues
地址: http://blog.jues.org.cn/post/html-de-a-biao-qian-bu-neng-diao-zheng-da-xiao-jian-dan-she-zhi-html-de-a-biao-qian-kuan-gao.html

发表评论:

Powered By Z-BlogPHP 1.5.2 Zero Powered By Z-BlogPHP © 2018 jues博客 Copyright Your WebSite.Some Rights Reserved.联系站长 Themes by jues