将DIV标记放在另一个DIV标记中

时间:2011-06-22 14:30:14

标签: html alignment

我对网页设计很新,但我从DIV标签中理解的是,我对它内部的东西是一个逻辑容器,那些东西将遵循它的规则。 所以现在我有一个外部DIV标签定义为<div style="margin-left: 10px;" >,我在其中放了一些文本框,按钮,组合框......现在我还有一个HyperLink,我希望它在那里但是我希望这个是在右侧,向右对齐,所以我定义了另一个DIV,如<div align="right">,并将超链接放在这一个。他们都还在其他外围的DIV中。但它不是正确的......出了什么问题,我该如何解决?我附上了图片,看到我希望它像这张照片一样,在那个组合框的右边......

感谢所有

enter image description here

5 个答案:

答案 0 :(得分:1)

只要您需要将内联元素(您的链接标记)对齐到右侧,您就可以使用该样式的text-align属性,并将其设置为右侧:

<div style="text-align:right">
  <a href="">blabla</a>
</div>

答案 1 :(得分:1)

没有对齐。你的意思是文字对齐吗?这将影响块级元素中的内联元素。

答案 2 :(得分:1)

试试这个:

<div style="margin-left: 10px;">
    <p>Reason for Referral</p>
    <input type='text'></input>
    <div style="display:inline"><a href='#'>Not Found?</a></div>
</div>

答案 3 :(得分:0)

也许它在组合框下方,因为文字太长而无法放入外部div?那会让它走得更低。

答案 4 :(得分:0)

如果你有类似的话:

<div class='group'>
    <p>Reason for Referral</p><br/>
    <input type='text'></input>
    <div class='right'><a href='#'>Not Found?</a></div>
</div>

然后在css:

div.right {
    float: right;
}

你应该得到一些接近你想要的效果。