[分享]css中如何让两个标签对其

CSS中，可以使用textalign属性来实现让两个标签对齐的效果。如果需要让段落标签（p标签）和代码标签（pre标签）对齐，可以给两个不同标签设置相同的宽度，然后都设置为左对齐或右对齐。例如，可以将...

CSS中，可以使用text-align属性来实现让两个标签对齐的效果。
如果需要让段落标签（p标签）和代码标签（pre标签）对齐，可以给两个不同标签设置相同的宽度，然后都设置为左对齐或右对齐。
例如，可以将p标签设置为左对齐，pre标签设置为右对齐，同时将它们的宽度都设置为50%：
p {
width: 50%;
text-align: left;
}
pre {
width: 50%;
text-align: right;
}
这样就可以保证p标签和pre标签之间的对齐了。可以根据实际的需求设置宽度和对齐方式，来达到不同的效果。
需要注意的是，如果pre标签中的代码超出了宽度，会自动换行，此时需要使用white-space属性来控制是否保留换行符。例如，可以设置为：
pre {
white-space: pre-wrap;
}
这样就可以保留换行符，显示完整的代码了。