首页  >  文章  >  web前端  >  html行内标签可以设置宽高吗

html行内标签可以设置宽高吗

青灯夜游
青灯夜游原创
2021-06-21 11:54:155437浏览

html行内标签不可以设置宽高,对其设置宽高属性值不会生效,完全靠内容撑开宽高。行内标签的高度、行高及外边距和内边距不可改变;宽度就是其内容(文字或图片)的宽度,也不可改变。

html行内标签可以设置宽高吗

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML中,标签可分为块级元素标签和行内元素标签。

什么是块级元素?

  • 总是在新行上开始;

  • 高度,行高以及外边距和内边距都可控制;

  • 宽度缺省是它的容器的100%,除非设定一个宽度。

  • 它可以容纳内联元素和其他块元素

什么是行内元素(内联元素)?

  • 和其他元素都在一行上;

  • 高,行高及外边距和内边距不可改变;

  • 宽度就是它的文字或图片的宽度,不可改变

  • 内联元素只能容纳文本或者其他内联元素

将行内元素转换为块级元素,以设置宽高

一般情况下,行内元素是不能直接设置width和height的,不具有物理属性,这也是它不占据一行的原因。

但我们可以通过设置display:block;或者display:inline-block;样式,将其转换为块级元素或行内块元素,进而设置宽高。

更多编程相关知识,请访问:编程视频!!

以上是html行内标签可以设置宽高吗的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn