0

我是新手，我对代码不太了解。我想要一个块左侧的链接和右侧的另一个链接。我正在使用以下命令。两者都在正确的一边，但在新线上。我在 css 中给出了正确的代码，但我认为一些 html 代码有问题。请让我知道下面的错误。

       <div class="more">
       <span><a href="http://www.fe.com/discuss">See More</a></span>
       </div>
       <div class="placeadhere">
       <span><a href="http://www.fe.com/posting.php?mode=post&f=16">Place Ad Here</a></span>
       </div>

我的 CSS 是

.more {
font-size:11px;
text-align:right;
margin:5px 0 10px 0;

}

.placeadhere {
font-size:11px;
text-align:left;
margin:5px 0 10px 0;

}

图像是 在此处输入图像描述

非常感谢您的回答解决了我的问题...爱您和 SOF..

4

5 回答 5

0

我认为问题是你的CSS。你也应该粘贴它。

<div class="more" style="width:auto; float: left;">
       <span><a href="http://www.fedri.com/discuss">See More</a></span>
</div>
<div class="placeadhere" style="width:auto; float: right;">
       <span><a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a></span>
</div>
于 2012-11-28T11:51:56.613 回答
0

Div 是块元素，将占据整个宽度。将 div 指定为内联，以便它只占用所需的宽度。或者，您可以将 div 的定位设为绝对并根据需要浮动它们。

.more {
 display: inline;
    float: left;
    font-size: 11px;
    margin: 5px 0 10px;
    text-align: right;
}

.placeadhere {
 display: inline;
    float: right;
    font-size: 11px;
    margin: 5px 0 10px;
    text-align: left;
}

请参阅工作小提琴 - http://jsfiddle.net/bkgJT/

于 2012-11-28T11:56:29.437 回答
0

您可以在http://cssdeck.com/labs/tztgz6hy/0的工作中看到这一点

我在你的整个 HTML 片段周围添加了一个额外的 div，它应该看起来像

<div class="main">
    <div class="more">
        <span>
            <a href="http://www.fedri.com/discuss">See More</a>
        </span>
    </div>
    <div class="placeadhere">
        <span>
            <a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a>
        </span>
    </div>
</div>

和 CSS

.more {
font-size:11px;
text-align:right;
margin:5px 0 10px 0;
}
.placeadhere {
font-size:11px;
text-align:left;
margin:5px 0 10px 0;
}
.main .more{float:left;}
.main .placeadhere{float:right;}
于 2012-11-28T11:56:52.523 回答
0

使用此自定义您的 div 宽度

<div style="width:somevalue">
        <div class="more">
         <span><a href="http://www.fedri.com/discuss">See More</a></span>
       </div>
       <div class="placeadhere" style="float:right;">
        <span><a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a></span>
       </div>
   </div>
于 2012-11-28T11:57:21.923 回答
0

只需添加float

.more {
font-size:11px;
text-align:right;
margin:5px 0 10px 0; float:right
}

.placeadhere {
font-size:11px;
text-align:left;
margin:5px 0 10px 0; float:left
}​

演示

于 2012-11-28T11:58:54.530 回答