html – CSS – 左和右对齐在同一行

概述以下是一些示例代码,其中所有的链接都是正确的.我想改变CSS,所以“左”链接是左对齐的,其他的是正确的,但它们都在同一行.我怎么做？ 提前致谢, 约翰 HTML： <div class="mainlinks"> <a href="left.php" class="links">Left</a> <a href="right1.php" class="links">Right1</a 以下是一些示例代码,其中所有的链接都是正确的.我想改变CSS,所以“左”链接是左对齐的,其他的是正确的,但它们都在同一行.我怎么做？

提前致谢,

约翰

HTML：

<div >    <a href="left.PHP" >left</a>    <a href="right1.PHP" >Right1</a>    <a href="right2.PHP" >Right2</a></div>

CSS：

.mainlinks    {    text-align:right;    margin-top:3px;    margin-right:10px;    margin-bottom:0px;    padding:0px;    } a.links:link {    color: #FF0000; text-decoration: none;    text-align:center;    margin-left:8px;    margin-top:300px;    margin-bottom:0px;    padding:2px;    Font-family:Arial,Helvetica,sans-serif;    Font-size: 14px;    }

解决方法 向左浮动

.left {float:left;}    <div >        <a href="left.PHP" >left</a>        <a href="right1.PHP" >Right1</a>        <a href="right2.PHP" >Right2</a>    </div>

但是您需要从a.links：link中删除margin-top：300px,否则左边的距离将低于300px.

总结

以上是内存溢出为你收集整理的html – CSS – 左和右对齐在同一行全部内容，希望文章能够帮你解决html – CSS – 左和右对齐在同一行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。