聘我网

新概念招聘3.0

不改变内部div的css如何使其右对齐?

vote up0vote downstar
 <div id="parent" align="right" style="text-align:right">
    <div style="height:100%;width:80%;background-color:blue;display:inline-block">&nbsp;</div>
</div>

由于某种原因我只能设置div#parent的css,而且不能给#parent设置float:right(不然里面的div长度会缩得非常短)

我尝试了一些方法但都不行:

<div id="parent" align="right" style="text-align:right">
    <div style="height:100%;background-color:blue;width:80%">&nbsp;</div>
</div>
 

1 个答复

vote up0vote downcheck

text-align只作用其中的inline元素,对block元素无效,要想里面的div受作用,需要将它设置为inline元素,但是inline元素又不能设置height/width,但是有种办法可以有以上两者的特性:

display:inline-block;

如果你是在javascript中无法操作内部元素的css,那样的话其实可以这样:

<style type="text/css">
#parent div { display:inline-block; }
</style>

或者还有更方便的:

<style type="text/css">
#parent div { float:right; }
</style>
链接

您的回答





不是您要找的问题? 浏览其他含有标签 的问题或者 自己问个.