css中的内联对象与块对象

 css中的内联对象与块对象


在用CSS做页面的时候,我们总是会想到块对象和内联对象,那到底指的是什么呢?
为什么说加上float或display:block就是块对象了呢?

块对象默认宽度是100%(继承自父元素),如果没有采用“float:left/right;”样式,相邻的两个块对象就会分排在不同的两行上。

内联对象的宽度取决于其内部元素的宽度与padding样式值之和,不可直接指定其宽度与高度(“display:block;”、“float:left/right;”强行转换后可以定义),相邻的两个内联对象会排在同一行上。

  
从这两点就应该可以看出来块对象和内联对象两者的区别,关于为什么加上float就成为块对象了,是因为float默认的就是display:block; display:inline是表示内联对象;display:block表示块对象。

以下更清楚的告诉你两者的区别:

什么是内联对象,什么是块对象?

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如, div 是一个块对象,span 是一个内联对象。

块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始:比如div就是前后断行;
内联对象被呈递时不会从新行开始,能够包含其他内联对象和数据。内联可以这样理解:不从新的一行开始,直接从内容里面,接着往后走。。。是指它能被别的对象内联。。。。


==========================
相关信息参考:css display参数

block   : CSS1   块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行
none   : CSS1   隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间(页面物理尺寸大小空间)
inline   : CSS1   内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行


改变此属性值(即:display)对其周围内容布局的影响可能是:

属性值设为 block 的在对象后面添加新行。
属性值设为 inline 的从对象中删除一行。
属性值设为 none 的对象隐藏并释放其在文档中的物理空间(页面物理尺寸大小空间)。
 

<?xml version="1.0" encoding="utf-8" ?> - <profiledata xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <format_version>4</format_version> <tool_version>3</tool_version> - <preset id="ieq_open"> <data>iebt=[117, 133, 188, 176, 141, 149, 175, 185, 185, 200, 236, 242, 228, 213, 182, 132, 110, 68, -27, -240]</data> </preset> - <preset id="ieq_rich"> <data>iebt=[67, 95, 172, 163, 168, 201, 189, 242, 196, 221, 192, 186, 168, 139, 102, 57, 35, 9, -55, -235]</data> </preset> - <preset id="ieq_focused"> <data>iebt=[-419, -112, 75, 116, 113, 160, 165, 80, 61, 79, 98, 121, 64, 70, 44, -71, -33, -100, -238, -411]</data> </preset> - <profile id="movie" name="Movie"> <data>aoon=[2] dea=[5] ded=[0] deon=[1] dhrg=[0] dhsb=[96] dssb=[96] dssf=[200] dvla=[7] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[2] vmb=[144] vmon=[0] vspe=[0]</data> <include preset="ieq_open" /> </profile> - <profile id="music" name="Music"> <data>aoon=[2] dea=[7] ded=[0] deon=[0] dhrg=[0] dhsb=[2] dssb=[0] dssf=[200] dvla=[4] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[2] vmb=[144] vmon=[0] vspe=[0]</data> <include preset="ieq_open" /> </profile> - <profile id="game" name="Game"> <data>aoon=[2] dea=[7] ded=[0] deon=[0] dhrg=[0] dhsb=[0] dssb=[0] dssf=[200] dvla=[0] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[2] vmb=[144] vmon=[0] vspe=[0]</data> <include preset="ieq_open" /> </profile> - <profile id="voice" name="Voice"> <data>aoon=[2] dea=[10] ded=[0] deon=[1] dhrg=[0] dhsb=[0] dssb=[0] dssf=[200] dvla=[0] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[0] vmb=[144] vmon=[0] vspe=[0]</data> <include preset="ieq_rich" /> </profile> - <profile id="user1" name="Custom 1"> <data>aoon=[2] dea=[7] ded=[0] deon=[0] dhrg=[0] dhsb=[48] dssb=[48] dssf=[200] dvla=[5] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[0] vmb=[144] vmon=[2] vspe=[0]</data> <include preset="ieq_rich" /> </profile> - <profile id="user2" name="Custom 2"> <data>aoon=[2] dea=[7] ded=[0] deon=[0] dhrg=[0] dhsb=[48] dssb=[48] dssf=[200] dvla=[5] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[10] ieon=[0] ngon=[2] plb=[0] plmd=[4] vdhe=[0] vmb=[144] vmon=[2] vspe=[0]</data> <include preset="ieq_rich" /> </profile> - <profile id="off" name="Off"> <data>aoon=[0] dea=[0] ded=[0] deon=[0] dhrg=[0] dhsb=[0] dssb=[0] dssf=[200] dvla=[0] dvle=[0] dvme=[0] gebg=[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] geon=[0] iea=[0] ieon=[0] ngon=[0] plb=[0] plmd=[1] vdhe=[0] vmb=[0] vmon=[0] vspe=[0]</data> <include preset="ieq_open" /> </profile> - <!-- NOTE: <tuning> with endpoint other than SPEAKER do not use the band gain, UNLESS aoon is set 1 (from 2) and plmd is set to 2 (not 4). --> - <tuning id="tune0" name="DEFAULT ENDPOINT" endpoint="SPEAKER" tuned_rate="44100"> <data>aobf=[43, 129, 215, 301, 431, 603, 775, 947, 1206, 1550, 2067, 2756, 3618, 4651, 5685, 7063, 8958, 11025, 13781, 18777] aobg=[2, -240, 136, 168, 148, 156, 144, 160, 160, 160, 157, 132, 134, 82, 57, 44, 33, 35, 28, 75, 78, 3, -240, 136, 168, 148, 156, 144, 160, 160, 160, 157, 132, 134, 82, 57, 44, 33, 35, 28, 75, 78] arbf=[43, 129, 215, 301, 431, 603, 775, 947, 1206, 1550, 2067, 2756, 3618, 4651, 5685, 7063, 8958, 11025, 13781, 18777] arbh=[-960, -113, -149, -169, -255, -301, -155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] arbl=[-960, -305, -341, -361, -447, -493, -347, -192, -192, -192, -192, -192, -192, -192, -192, -192, -192, -192, -192, -192] arbi=[1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] arod=[0] artp=[12] dssa=[10]</data> </tuning> - <constant> <data>aocc=[2] aonb=[20] arnb=[20] dvli=[-320] dvlo=[-320] dvmc=[0] gebf=[43, 129, 215, 301, 431, 603, 775, 947, 1206, 1550, 2067, 2756, 3618, 4651, 5685, 7063, 8958, 11025, 13781, 18777] genb=[20] iebf=[65, 136, 223, 332, 467, 634, 841, 1098, 1416, 1812, 2302, 2909, 3663, 4598, 5756, 7194, 8976, 11186, 13927, 17326] ienb=[20]</data> </constant> - <authorized_technologies sku_name="Dolby Custom SKU" device="android" bundle="dapv1"> <audio_optimizer>true</audio_optimizer> <audio_regulator>true</audio_regulator> <volume_leveler>true</volume_leveler> <volume_maximizer>true</volume_maximizer> <graphic_equalizer>true</graphic_equalizer> <intelligent_equalizer>true</intelligent_equalizer> <dialog_enhancer>true</dialog_enhancer> <surround_virtualizer_headphone>true</surround_virtualizer_headphone> <surround_virtualizer_speaker>true</surround_virtualizer_speaker> </authorized_technologies> </profiledata>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值