网站建设资讯

NEWS

网站建设资讯

css让块靠右的实现方法-创新互联

这篇文章主要介绍css让块靠右的实现方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

专业从事企业网站建设和网站设计服务,包括网站建设、主机域名雅安服务器托管、企业邮箱、微信公众号开发、微信支付宝微信小程序、App定制开发、软件开发、等服务。公司始终通过不懈的努力和以更高的目标来要求自己,在不断完善自身管理模式和提高技术研发能力的同时,大力倡导推行新经济品牌战略,促进互联网事业的发展。

css想让块靠右的实现方法:可以通过float属性来实现,如【float:right;】,表示元素向右浮动。float属性用于定义元素在哪个方向浮动,left表示元素向左浮动,right表示元素向右浮动。

相关元素:

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

属性值:

  • left    元素向左浮动。

  • right    元素向右浮动。

  • none    默认值。元素不浮动,并会显示在其在文本中出现的位置。

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

代码实现:




img 
{
float:right
}




在下面的段落中,我们添加了一个样式为 float:right 的图像。结果是这个图像会浮动到段落的右侧。

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 some text. 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 some text. 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 some text. 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 some text. This is some text. This is some text.

实现效果:


css让块靠右的实现方法

以上是“css让块靠右的实现方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享名称:css让块靠右的实现方法-创新互联
新闻来源:http://cdweb.net/article/eppjj.html