css让块靠右的实现方法

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

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、做网站、连云港网络推广、微信小程序开发、连云港网络营销、连云港企业策划、连云港品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供连云港建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

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

相关元素:

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

属性值:

  • left    元素向左浮动。

  • right    元素向右浮动。

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

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

代码实现:

<html>
<head>
<style type="text/css">
img 
{
float:right
}
</style>
</head>

<body>
<p>在下面的段落中,我们添加了一个样式为 <b>float:right</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>
<p>
<img src="/i/eg_cute.gif" />
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.
</p>
</body>

</html>

实现效果:

css让块靠右的实现方法

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

本文名称:css让块靠右的实现方法
分享URL:https://www.cdcxhl.com/article4/ipggoe.html

成都网站建设公司_创新互联,为您提供云服务器网站改版网站设计网站内链网站营销自适应网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设