• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 定义内联元素span的最小高度问题

定义内联元素span的最小高度问题

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含内联元素,span,最小高度等相关知识,佚名 希望在学习及工作中可以帮助到您

制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。
曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?

其实这个问题很简单——先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。

将内联元素定义为盒装元素的方法有两种:

1.直接使用显示属性display将其定义为盒装元素;
display:block;

2.使用浮动属性float将其自动定义为盒装元素;
float:left;

您可能想查找下面的文章:

  • 块级元素和内联元素及可变元素汇总
  • html内联元素和块级元素的基本概念及使用示例
  • 定义内联元素span的最小高度问题
  • html 内联元素和html 块级元素概述及区别

相关文章

  • 2017-08-05利用HTML、CSS 实现带表情的评论框的制作教程
  • 2017-08-05使用相对宽度调整表格问题
  • 2017-08-05html左右布局示例代码
  • 2017-08-05HTML网页头部代码实例详解
  • 2017-08-05nofollow让评论和留言中的链接起到真正的作用
  • 2017-08-05在html中添加script脚本的2种方法和注意事项
  • 2017-08-26HTML表格与框架
  • 2017-08-05使用HTML编写简单的邮件模版
  • 2017-08-05网页制作 TD也可以溢出隐藏显示
  • 2017-08-05XHTML1.0与HTML兼容指引16条 小结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 学习超级链接A标记
    • 利用iframe技巧获取访问者qq实现思路及示例代码
    • Form提交表单页面刷新不跳转
    • html文件中flash视频格式(flv、swf)文件的嵌入方法
    • W3C教程(14):W3C RDF和OWL活动
    • table设置背景图片,不能100%显示解决方法
    • 【网页设计】分享E-WebTemplates国外精美网页模板(FLASH+PSD源文件+HTML)
    • html文档中的 ol 元素的序号数字极限探讨
    • HTML基本结构全面了解
    • 后台管理UI

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有