参考指南 HTML 标签 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 >
标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签” > 标签">
标签">标签">标签">标签">标签">标签">标签">标签">标签">标签">标签">标签">标签">- 标签">- 标签">标签">标签">标签">标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签 > 标签” > 标签">标签">标签">标签">标签">标签">标签">标签">
标签>
标签>
定义和用法
align 属性指定水平线的水平对齐方法。
注意：除非宽度属性设置为大于 100%css 水平线，否则对齐属性无效。
浏览器支持
尽管align属性已被弃用，但所有主要浏览器仍然支持它。
兼容性说明
在 HTML 4.01 中，不推荐使用 hr 元素的align属性； 在XHTML 1.0 Strict DTD中，不支持hr元素的align属性。
请改用CSS。
CSS 语法（IE 和 Opera）：
CSS 语法（Firefox、Chrome 和 Safari）：
CSS 语法（跨浏览器）：
CSS 示例：对齐 hr 元素
您可以在我们的 CSS 教程中找到有关 text-align 属性的更多详细信息。
语法
<hr align="value">
属性值说明
左边
左对齐水平线。
正确的
右对齐水平线（默认）。
中心
中心对齐水平线。
HTML 标签
HTML 参考指南HTML 示例HTML 测验HTML 教程
W3School简体中文版提供的内容仅用于培训和测试css 水平线，不保证内容的正确性。 使用本网站内容所产生的风险与本网站无关。 版权所有。 版权所有。
为什么要学习定位
定位是CSS中的难点和重点，尤其是在学习javascript特效时，比如实现下拉菜单、弹出框等，要覆盖下面的内容而不影响下面的内容，例如超过一个例如包包的一部分，有一个小的弹出窗口浮动在周围。 例如，如果你想把它放在包里的任何位置，你就必须使用定位来做到这一点。 你必须弄清楚。
定位与float类似，脱离标准流程，但与float不同的是，它可以放置在任何地方。
元素的定位属性
元素的定位属性主要包括两部分：定位方式和边缘偏转。
1. 侧向偏转：告诉袋子去向
2.定位方式（定位类别）
1.静态定位（static）
所有元素默认的定位方式，网页中所有元素默认都是静态定位，这其实就是标准流的特性。
静态定位唯一的好处就是取消定位。
例如css相对定位，有些网站的栏目向下滚动时会出现，向上滚动到底部时会消失。 柱子一会儿定位，一会儿不定位。 实现的方法就是一会儿加固定定位，一会儿用static取消固定定位。 。
二、相对定位（relative）——自恋型
相对定位就是将元素相对于其在标准流程中的位置进行定位，即每个连接的位置以其左上角为基点进行连接。 例如，如果设置了边距，则将在边距之后的左上角进行连接。
在元素上设置相对定位后，可以通过边缘偏转属性更改元素的位置，但其在文档流中的位置继续被占用。
.top{
height: 100px;
width: 100px;
background-color: hotpink;
}
.buttom{
height: 200px;
width: 200px;
background-color: yellow;
}
.top{
height: 100px;
width: 100px;
background-color: hotpink;
position: relative;
top: 100px;
left: 100px;
}
.buttom{
height: 200px;
width: 200px;
background-color: yellow;
}
注意：
1、相对定位最重要的一点是可以通过侧偏与位置进行沟通，但是原来的位置会继续被占据。
2、其次，各个联通的位置是以用户的左上角为基准的。
如果说浮动的主要目的是一行显示多个块级元素，那么定位的主要价值就是连接位置，让包走到我们想要的位置。
3.绝对定位（absolute）--拼爹式
绝对定位不占用任何位置。
1.父级没有定位
如果所有父元素均未定位或没有父元素，则对齐方式将基于浏览器的左上角。
2、家长有定位
绝对定位相对于已定位（绝对、固定或相对）的最近父元素（祖先）来定位元素。 例如，如果父母没有位置，但祖父有位置，则位置将以父亲为基础。
一般来说，如果孩子是绝对定位，父亲就应该使用相对定位。
因为如果老婆使用绝对定位的话，就不会占用文档的位置，而且后面的白色袋子会覆盖红色袋子，这不是我们想要的效果。
网站上经常使用的类似小箭头都是用绝对定位制作的，因为绝对定位不占用文档的位置。
绝对定位袋水平/垂直居中
普通包可以用margin:aotu左右居中，但对于绝对定位无效。
对于定位或浮动的包，margin:auto 将失败。
您可以使用以下方法：
1、先左：50%，此时包的左侧与浏览器的中心线对齐；
2.然后margin-left:-a（a是袋子长度的一半），让袋子向右移动一半长度。
4.固定定位（fixed）——死亡识别
1、固定定位元素与母体无关，只识别浏览器；
2、固定定位完全脱离标签，不占空间css相对定位，不随滚动条滚动。
定位模式开关
和浮动一样，元素添加绝对定位和固定定位后，元素模式也会转为内联块元素。 因此，如果内联元素添加了绝对定位、固定定位、浮动等方式，可以直接给元素，无需转换模式。 身高和长度都很好。
注意：内联块元素的高度和宽度与内容有关。
