您的位置:首页 > DIV CSS实例 > 【 返回上一页

span靠右布局 css设置span居右

css span靠右布局span居右设置span布局靠右

要让spandiv一样靠右布局,通常使用浮动样式float来实现。

靠右:
float:right

span靠右设置代码:

span{float:right}

这样即让span靠右布局

span设置居右布局实例DIV CSS代码如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>span靠右布局 ThinkCSS</title>
<style>
.box{border:1px solid #000;padding:10px; width:300px;height:100px}
.rt{float:right; border:1px solid #00F; width:100px;}
</style>
</head>
<body>
<div class="box">
<span class="rt">我这个SPAN是靠右布局的</span>
</div>
</body>
</html>

span布局实例截图:

span布局居右实例
span布局居右实例

相关阅读:div布局靠右设置css设置span布局靠左

相关标签: 居右 span
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/shili/1290.shtml

日期:2017-03-20 15:16:32 来源:www.thinkcss.com 作者:ThinkCSS

热门点击