您的位置:58编程 > html中的margin属性 HTML DOM Image align 属性

html中的margin属性 HTML DOM Image align 属性

2023-03-14 20:33

html中的margin属性 HTML DOM Image align 属性

html中的margin属性

margin 属性是 HTML 中常用的一个属性,它可以让元素在页面上有一定的距离。margin 属性可以控制元素的外边距,也就是元素与其他元素之间的距离。

margin: 10px;  // 设置所有四个方向的外边距都为 10px
margin: 10px 20px;  // 设置上下外边距为 10px,左右外边距为 20px
margin: 10px 20px 30px;  // 设置上外边距为 10px,左右外边距为 20px,下外边距为 30px
margin: 10px 20px 30px 40px;  // 设置上外边距为 10px,右外边距为 20px,底部外边距为 30px,左侧外部间隔 40 px

使用 margin 属性时,我们还可以使用 auto 关键字来控制元素的位置。当我们将 margin 的值定义成 auto 时,浏览器会根据当前页面布局来决定该元素的位置。

HTML DOM Image align 属性

Image align 属性

Image 对象参考手册 Image 对象

定义和用法

align 属性可设置或者返回图像的 align 属性值。

align 属性指定了与内联内容的对齐方式。

语法

imageObject.align=value

align 属性可以是以下值:

描述
left 图像左对齐
right 图像右对齐
middle 图像居中对齐
top 图像顶部对齐
bottom 图像底部对齐


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 align 属性


实例

实例

下面的例子把图像根据周围的文本进行右对齐:

<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 对象参考手册 Image 对象
阅读全文
以上是58编程为你收集整理的html中的margin属性 HTML DOM Image align 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS