Image align 屬性
Image 對(duì)象定義和用法
align 屬性可設(shè)置或者返回圖像的 align 屬性值。
align 屬性指定了與內(nèi)聯(lián)內(nèi)容的對(duì)齊方式。
語(yǔ)法
imageObject.align=value
align 屬性可以是以下值:
值 | 描述 |
---|---|
left | 圖像左對(duì)齊 |
right | 圖像右對(duì)齊 |
middle | 圖像居中對(duì)齊 |
top | 圖像頂部對(duì)齊 |
bottom | 圖像底部對(duì)齊 |
瀏覽器支持
所有主要瀏覽器都支持 align 屬性
實(shí)例
實(shí)例
下面的例子把圖像根據(jù)周圍的文本進(jìn)行右對(duì)齊:
<html>
<head>
<script>
function alignImg()
{
document.getElementById("compman").align="right";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" alt="Computerman">
<p>Some text. Some text. Some text. Some text.</p>
<input type="button" onclick="alignImg()" value="Align Image">
</body>
</html>
<head>
<script>
function alignImg()
{
document.getElementById("compman").align="right";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" alt="Computerman">
<p>Some text. Some text. Some text. Some text.</p>
<input type="button" onclick="alignImg()" value="Align Image">
</body>
</html>
嘗試一下 ?
Image 對(duì)象
更多建議: