当前位置:  编程技术>WEB前端

对display:inline;与float:left;的认识

    来源: 互联网  发布时间:2014-09-06

    本文导语:    首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式...

  首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。

  当然这看起来不像是display:inline;与float:left;的区别所在,但是当理解了float:left;的特性那么我们就清楚到底是怎么回事了。float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。

  那么我们很清楚了,内联(display:inline;)元素不能设置宽高,因为内联属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。


    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • 无法xeyes -display:can't open display
  • java命名空间java.awt.color类icc_profile的类成员方法: class_display定义及介绍
  • i have a string="<html><body><font color='red'>i want display</font></body><html>", can i display it in java?
  • java命名空间java.awt.event类hierarchyevent的类成员方法: displayability_changed定义及介绍
  • jquery控制css的display属性(显示与隐藏)
  • java命名空间javax.swing接口action的类成员方法: displayed_mnemonic_index_key定义及介绍
  • jquery控制display属性为none或block
  • java命名空间javax.swing类jeditorpane的类成员方法: honor_display_properties定义及介绍
  • jquery控制css display属性(控制元素显示与隐藏)
  • CSS display 属性
  • 請問INSTALL ORACLE時,提示 not set DISPLAY是怎麼回事?
  • About DISPLAY!(online wait)
  • gdb中display能不能加一点字符串.
  • vim :cscope find t display 問題
  • pam_display如何显示中文?? 请各位大侠们帮帮忙!
  • css display:none使用注意事项小结
  • jquery控制css元素的display(显示与隐藏)属性
  • html5的canvas封装 displayer.js
  • xhost问题,unable to open display "192.163.3.153:0.0"
  • Gtk-WARNING **: cannot open display


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3