网站建设资讯

NEWS

网站建设资讯

clear在css中怎么用

这篇文章主要介绍“clear在css中怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“clear在css中怎么用”文章能帮助大家解决问题。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、雅安服务器托管、营销软件、网站建设、长丰网站维护、网站推广。

在css中,clear属性用于清除元素的浮动效果,该属性可指定段落的左侧或右侧浮动元素的效果;默认该属性的值为none,表示允许浮动元素出现在两侧,也可设置元素的左侧、右侧或左右两侧不能有浮动元素,语法为“元素{clear:属性值;}”。

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

clear在css中的用法是什么

css中clear的作用是清除元素的浮动效果。

clear属性指定段落的左侧或右侧不允许浮动的元素。

在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。

不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

clear属性值:

  • eft 在左侧不允许浮动元素。

  • right 在右侧不允许浮动元素。

  • both 在左右两侧均不允许浮动元素。

  • none 默认值。允许浮动元素出现在两侧。

  • inherit 规定应该从父元素继承 clear 属性的值。

示例如下:




 
123 




This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

This is also some text. This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.

输出结果:

clear在css中怎么用

关于“clear在css中怎么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻名称:clear在css中怎么用
转载来于:http://njwzjz.com/article/gseeje.html