| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- body,html{
- margin: 0;
- padding: 0;
- }
- .center_in_sequence{
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .center_in{
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .space_between{
- width: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .same_row_in {
- display: flex;
- align-items: center;
- }
- .up_and_down{
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- }
- // 伪元素1rpx边框
- .frame {
- position: relative; //重要
- }
- .frame::after {
- position: absolute;
- content: '';
- border-bottom: 4rpx solid #e4e7ed;
- width: 200%;
- height: 200%;
- top: 0;
- left: 0;
- transform: scale(0.5);
- transform-origin: 0 0;
- pointer-events: none; /* 使伪元素不会阻止鼠标事件 */
- }
|