PHP前端开发

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

百变鹏仔 3个月前 (09-22) #HTML
文章标签 标签
html行内标签不可以设置宽高,对其设置宽高属性值不会生效,完全靠内容撑开宽高。行内标签的高度、行高及外边距和内边距不可改变;宽度就是其内容(文字或图片)的宽度,也不可改变。

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

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

什么是块级元素?

  • 总是在新行上开始;

    立即学习“前端免费学习笔记(深入)”;

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

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

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

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

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

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

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

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

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

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

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

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