通过Js来Div改变后，如何使里面的内容右对齐？

时间：2021-08-29 19:40:24
如果通过JS来放大外层Div后，Div里面的Image不会随着外面的div的扩大移动倒左边。

或者通过JS是否可以让里面的img保持在右边？ 

<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>


12 个解决方案

#1

你可以设置图片居中显示或者居左显示
<img src="002.jpg" style="right:0; position:relative"  align="left"  />

#2

多谢image是可以。
但是<object/> 有align="right" 这个属性么，我实际环境中的是object，总是随同div到左边。有什么办法不让objec动么

#3

<object/>也有这个属性的，你试试看吧

#4

float:right

#5

float就是这个属性的使用啊

#6

按你的代码这样就行
<img src="002.jpg" style="right:0;  position:absolute"  />

#7

浮动.....

#8

帮忙顶一下。

#9

在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>

#10

我顶~

#11

来顶一下

#12

来顶一下

#1

你可以设置图片居中显示或者居左显示
<img src="002.jpg" style="right:0; position:relative"  align="left"  />

#2

多谢image是可以。
但是<object/> 有align="right" 这个属性么，我实际环境中的是object，总是随同div到左边。有什么办法不让objec动么

#3

<object/>也有这个属性的，你试试看吧

#4

float:right

#5

float就是这个属性的使用啊

#6

按你的代码这样就行
<img src="002.jpg" style="right:0;  position:absolute"  />

#7

浮动.....

#8

帮忙顶一下。

#9

在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>

#10

我顶~

#11

来顶一下

#12

来顶一下
标签：

相关文章