CSS中<a>标签width、text-align、margin属性不生效问题求助
核心原因
标签默认是行内元素(inline),行内元素仅支持color、padding、字体相关属性,无法识别width、text-align、垂直方向margin这类块级元素专属属性。
修复方案
1. 修改元素显示类型
- 转为块级元素(独占一行,支持所有块级属性):
a{ font-size: 20px; color: hotpink; text-align: center; width: 100%; margin-top: 1900px; /* 关键修改 */ display: block; }
- 转为行内块元素(不独占一行,同时支持宽高和margin):
a{ font-size: 20px; color: hotpink; width: 100%; margin-top: 1900px; /* 关键修改 */ display: inline-block; /* 行内块元素的text-align需配合父容器设置,可给父元素添加text-align:center */ }
2. 修正CSS语法错误
原代码中font-size: 20pxpx;存在重复单位的错误,需改为font-size: 20px;,否则该属性也可能失效。
补充说明
原代码中的padding-left: 900px;数值过大,易导致内容溢出,建议根据实际布局调整。
内容的提问来源于stack exchange,提问作者hugh bo
相关产品推荐
相关产品推荐

