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打印预览图形太小的解决办法
  • 热门搜索
    惠风和畅是什么意思 箜篌是什么乐器 骑兵是什么意思 什么是夫妻共同财产 头发晕是什么病的征兆 auto是什么 什么是玻璃钢 天然维生素c 运动服装 国色天香是什么花