sapn,a,等html元素设置宽高无效怎么办

 时间:2024-10-12 04:46:37

1、初始化代码<html><head><meta charset="utf-8"/></head><body><span style="border:1px solid red;">66666666<span></body></html>

sapn,a,等html元素设置宽高无效怎么办

3、设置宽高width:500px;height:500px;宽高都设置500像素,如下

sapn,a,等html元素设置宽高无效怎么办

5、原因:span为行内元素,而行内元素实际上都不能直接设置宽高等属性的。比如我们来设置下a标签,如下:<html><head><meta charset="utf-8"/></head><body><span style="border:1px solid red;width:500px;height:500px;">66666666<span><a src="http://www.baidu.com/" style="border:1px solid blue;width:500px;height:500px;">百度一下</a></body></html>

sapn,a,等html元素设置宽高无效怎么办

7、所以,这种情况我们只要将行内元素变为非行内元素就可以了。也就要用到dispaly属性了。

sapn,a,等html元素设置宽高无效怎么办

9、display:block;//变为块级元素<html><head><罪焐芡拂meta charset="utf-8"/></head><body><span style="border:1px solid red;width:500px;height:500px;display:block;">66666666<span></body></html>运行结果:

sapn,a,等html元素设置宽高无效怎么办
  • Altium在PCB重新编号更新到SCH原理图的方法
  • Label如何设置标题属性
  • 如何创建一个震荡函数模型?
  • AD怎么开启设计视图
  • Altium designer打印预览图形太小的解决办法
  • 热门搜索
    青春期女孩长高方法 鳝鱼怎么做好吃 科学减肥的最好方法 狗狗名字大全 新硬盘怎么装系统 大众途安怎么样 烟雾头怎么调 社会调查研究方法 猜谜语大全及答案 治疗脚气的方法