通过Js来Div改变后，怎么使里面的内容右对齐
日期：2014-05-17 浏览次数：20528 次
通过Js来Div改变后，如何使里面的内容右对齐？
如果通过JS来放大外层Div后，Div里面的Image不会随着外面的div的扩大移动倒左边。
或者通过JS是否可以让里面的img保持在右边？
------解决方案--------------------
你可以设置图片居中显示或者居左显示
<img src="002.jpg" style="right:0; position:relative" align="left" />
------解决方案--------------------
float:right
------解决方案--------------------
按你的代码这样就行
<img src="002.jpg" style="right:0; position:absolute" />
------解决方案--------------------
在img所以的DIV那设text-align:right, 是这个意思吗?
<SCRIPT>
function SetWidthandHeigh(){
var obj = document.getElementById("Host1");
obj.style.width = "800px";
obj.style.height = "600px";
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE=button value="div" onclick="SetWidthandHeigh()">
<div style="height:300px; width:400px;background:#00C5C9CC;">
<div id="Host1" style="height:300px; width:400px; position:absolute; right:1; top:0; left:auto; border:1px solid black; text-align:right">
<img src="2.jpg" width="100" height="100" style="right:0; position:relative" /></div></div>
</BODY>
如果通过JS来放大外层Div后，Div里面的Image不会随着外面的div的扩大移动倒左边。
或者通过JS是否可以让里面的img保持在右边？
- HTML code
<HEAD>
<SCRIPT>
function SetWidthandHeigh(){
var obj = document.getElementById("Host1");
obj.style.width = "800px";
obj.style.height = "600px";
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE=button value="div" onclick="SetWidthandHeigh()">
<div style="height:300px; width:400px;background:#00C5C9CC;">
<div id="Host1" style="height:300px; width:400px; position:absolute; right:1; top:0; left:auto; border:1px solid black;">
<img src="002.jpg" style="right:0; position:relative" /></div></div>
</BODY>
------解决方案--------------------
你可以设置图片居中显示或者居左显示
<img src="002.jpg" style="right:0; position:relative" align="left" />
------解决方案--------------------
float:right
------解决方案--------------------
按你的代码这样就行
<img src="002.jpg" style="right:0; position:absolute" />
------解决方案--------------------
在img所以的DIV那设text-align:right, 是这个意思吗?
<SCRIPT>
function SetWidthandHeigh(){
var obj = document.getElementById("Host1");
obj.style.width = "800px";
obj.style.height = "600px";
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE=button value="div" onclick="SetWidthandHeigh()">
<div style="height:300px; width:400px;background:#00C5C9CC;">
<div id="Host1" style="height:300px; width:400px; position:absolute; right:1; top:0; left:auto; border:1px solid black; text-align:right">
<img src="2.jpg" width="100" height="100" style="right:0; position:relative" /></div></div>
</BODY>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
