这篇文章主要介绍了css怎么设置span靠左布局的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇css怎么设置span靠左布局文章都会有所收获，下面我们一起来看看吧。
机关靠左，靠右一样平常采用float浮动格局实现，float:left构造靠左居左，float:right组织居右靠右。
表明：
形式靠左，运用text-align:left;模式靠右，使用text-align:right，而这里要求span靠左构造（布局靠左），那末就不克不及运用模式靠左居左text-align:left。
对span配置布局靠左，要思考到一篇网页中会应用N次span，而有的靠左有的不设置装备摆设，这个时候就重要对span配置一个class决意器命名来判别此外中央运用span，抗御直接对span标签设置，形成整个网页span都靠左浮动了，如许就人造不兼容了。
span结构靠左，构造居中实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>span组织靠左 CSS5</title>
<style>
.CSS5-left{ float:left; border:1px solid #F00}
</style>
</head>
<body>
<span>内容1</span>
<span class="CSS5-left">这个span设置装备摆设机关居左</span>
<span class="CSS5-left">这个span配置构造居左</span>
<span>模式2</span>
</body>
</html>为了看到span对象靠左，对齐配置红色边框名堂。
css得胜设置指定span构造靠左实例截图
css实例说明：
这里CSS5对span设置装备摆设class=CSS5-left配置了float:left机关靠左名目，而模式本身是靠左的，以是实现成效不显然，待下次实践span配置布局靠右就可以清楚识别span靠右成果。
关于“css怎么设置span靠左布局”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“css怎么设置span靠左布局”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
