Css 样式，以便在包装时保持文本对齐

.has parent:not（.has children）：before{
右侧填充：0.25em；
内容：“\0007C”；
字体大小：大号；
}

构成部分6

对

使用
浮动：左
。在
之前有父项：没有（.has children）
这应该可以完成任务
对于
使用
float:left
。有父项：没有（.has children）：在
这应该可以完成工作
使用
位置：绝对
for
。有父项：没有（.has children）：在
之前，并使用边距和填充



。具有父级{
填充：0.1em 0.1.5em；
}
.有父项：没有（.has children）：在之前{
内容：“\0007C”；
字体大小：大号；
位置：绝对位置；
保证金：-0.1em 0-0.5em；
}

构成部分6
对
使用
位置：绝对
。有父项：没有（.has children）：在
之前，并使用边距和填充



。具有父级{
填充：0.1em 0.1.5em；
}
.有父项：没有（.has children）：在之前{
内容：“\0007C”；
字体大小：大号；
位置：绝对位置；
保证金：-0.1em 0-0.5em；
}

构成部分6

.has parent:not（.has children）：before{
右侧填充：0.25em；
内容：“\0007C”；
字体大小：大号；
}
跨度{
宽度：20px；
文本对齐：左对齐；
显示：内联块；
}
@媒体屏幕和屏幕（最大宽度：142px）{
跨度{
文本对齐：右对齐；
}
}

构成部分6

.has parent:not（.has children）：before{
右侧填充：0.25em；
内容：“\0007C”；
字体大小：大号；
}
跨度{
宽度：20px；
文本对齐：左对齐；
显示：内联块；
}
@媒体屏幕和屏幕（最大宽度：142px）{
跨度{
文本对齐：右对齐；
}
}

构成部分6
您可以在父元素上使用
显示：flex


。具有父级{
边框：1px纯黑；
宽度：80px；
显示器：flex；
}
.有父项：没有（.has children）：在之前{
右侧填充：0.25em；
内容：“\0007C”；
}

构成部分6
您可以在父元素上使用
显示：flex


。具有父级{
边框：1px纯黑；
宽度：80px；
显示器：flex；
}
.有父项：没有（.has children）：在之前{
右侧填充：0.25em；
内容：“\0007C”；
}

构成部分6
添加了对齐项目：居中到父元素以进行居中。谢谢。添加了对齐项目：居中到父元素以进行居中。谢谢