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


本文摘自PHP中文网,作者青灯夜游,侵删。

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

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

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

什么是块级元素?

  • 总是在新行上开始;

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

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

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

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

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

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

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

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

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

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

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

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

以上就是html行内标签可以设置宽高吗的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html导航栏下拉菜单怎么制作?这里有详细的代码实例

Html css看什么书?

Html中插入视频并兼容浏览器

Html实现窗口大小变化时页面刷新(代码)

Html表单中textarea属性怎么固定大小?textarea属性实例介绍

Html input如何只能输入数字

什么是Html h1标签?Html h1标签使用方法的详细介绍

如何处理Html中的换行字符“?”

Html中form与表单提交操作的方法总结

Html iframe标签怎么使用?Html iframe标签的使用实例介绍

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...