CSS <hr>标记 画出的线 居左 怎么实现?
发布网友
发布时间:2022-05-01 12:06
我来回答
共8个回答
热心网友
时间:2022-04-20 21:26
<hr>在chrome中默认是左对齐。在IE中默认是居中对齐,要想左对齐css中用text-align:left。
<hr style="text-align:left;"> 或 <hr align="left">
<hr>的颜色设置
<hr style="border:0;background-color:#ff0000;height:1px;">
如果不加border:0;的话,虽然颜色改变了,但是会显示一条黑色的边框。如果不加height:1px;的话,在chrome会显示不出来。
热心网友
时间:2022-04-20 22:44
首先你得把<hr>的长度变短 默认是100%
然后它默认是靠左的 (靠在包容它的容器左边)如果包容它的容器是body那么它就是浏览器的左边
如果明白的话 那么:
hr {
width:20px;
margin:上 左 下 右;
}
自己多试试 也许你的hr在一个区块里面 但是区块本身不是靠在留言器的左边 所有要居中 必须做其他更改
多多实验 交流 学CSS的最好的办法
热心网友
时间:2022-04-21 00:18
你好!可以用margin-left 为 0 来实现。谢谢!
热心网友
时间:2022-04-21 02:10
为<hr>增加align="left"属性。
<hr align="left">
热心网友
时间:2022-04-21 04:18
标准的代码最好不用这个标签,我都是用border代替的
热心网友
时间:2022-04-21 06:42
给<hr>加一个标签
定义属性
{
text-align="left"
}
热心网友
时间:2022-04-21 09:24
让其width变短
热心网友
时间:2022-04-21 12:22
<style>
div {
position:relative;
height:20px;
background:red;
}
div hr {
position:absolute;
display: block;
border-bottom: 1px solid #88AAE1;
width:100px;
left:100px;
top:0px;
}
</style>
<body><div><hr/></div></body>
改left 和 top 的值,你想放哪放哪