聘我网

 新概念招聘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>
链接

您的回答

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