块级元素

terry 2年前 (2023-09-27) 阅读数 65 #数据结构与算法

Html 的 CSS 实现如下：

123

如果想让块级元素在右边，经常设置margin-right: 0属性不起作用

这里有五种方法。不同的场景使用不同的方法。 -left 到 auto❙ ，可以 ❙ margin-left 到 auto❙元素将被拉伸为尽可能多地将元素自然捏在右侧

`使用位置属性`

1234567 .parent{position♺：：}} • :

;

 } 使用position定位，绝对可以将元素向右移动。 
 使用浮动属性 
123 .块{ 浮动:  ; }
使用
 float 使元素浮动向右。 
使用文本对齐属性 
123456 .parent{ text-align: right} .区块 { 显示：内联-块；}
将块设置为内联元素，然后在父元素上使用 text-align: right; 将块向右移动。 
 使用 flex 属性 
1234 .parent{ display : flex; confirm : flex-end; } 
 更改父元素到一个flex容器，然后justify-content设置为flex-end，那么flex元素将从右开始排序。