css中的inline是什么意思?

html-css011

css中的inline是什么意思?,第1张

网页一般是两种元素组合起来的,一种是内联元素,也就是行内显示,加上width和height没效果。一种是区块元素,可以加上对应的width和height,通常使用在网页的布局,最常用的就是<div>标签。

display:block的意思把内联元素转换为区块元素

而对应的是display:inline的意思是把区块元素转换成内联元素

例如:

<span></span>就属于内联标签,如果你想把他当做<div></div>这类标签来使用,这时display:block就可以使用了!【要注意的是,任何标签的使用最好遵循WEB标准】

<ul><li></li></ul>就属于块级元素,你如果想让列表显示在一行,这时就可以对<li>标签设置display:inline

不知道你理解没,希望帮助到你!

按优先级:前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的,但也是最不推荐的。前端标签直接写入。延伸阅读:读取优先,灵活使用,如大量页面,每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。<style type="text/css">这样属于第二读取方式。直接写在对应的页面。延伸阅读:每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。<link type="text/css" href=" 引用CSS文件 第三级。这全局引入.延伸阅读:全局CSS。可以分离代码及外部引入,简单快捷。也是现在都在用的。

display是控件的css属性之一,表示的是显示模式。none表示不显示在网页上,但是代码存在bolck是此元素将显示为块级元素,此元素前后会带有换行符。

在CSS中,块级对象元素会单独占一行显示,多个block元素会各自新起一行,并且可以设置width,height属性而内联对象元素前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满,对inline元素设置width,height属性无效。

我们有个时候既希望元素具有宽度高度特性,又具有同行特性,这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性,简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

参考资料

天涯社区.天涯社区[引用时间2017-12-25]