CSS兼容性前缀是一种特殊的CSS语法，用于在不同的浏览器中提供一致的样式显示。因为不同的浏览器可能对同一样式采用不同的实现方式，导致显示效果不一样。这时我们使用兼容性前缀来告诉不同的浏览器如何展示该样式。

/*样式*/
p {
display: flex;
justify-content: center;
}

在上述代码中，我们使用了flex布局，并通过justify-content属性将p元素居中对齐。但是，不同浏览器对flex布局的实现方式存在差异，导致展示效果不一致。

因此，我们需要添加兼容性前缀，让不同的浏览器按照相同的实现方式展示flex布局。

/* 在Webkit浏览器中使用的兼容性前缀 */ 
p {
display: -webkit-flex; 
-webkit-justify-content: center; 
}
/* 在Firefox浏览器中使用的兼容性前缀 */
p {
display: -moz-box;
-moz-box-pack: center;
}
/* 在其他浏览器中使用的兼容性前缀 */
p {
display: flex;
justify-content: center;
}

如上代码，我们为不同的浏览器添加了相应的兼容性前缀。这样，在各个浏览器中都能很好地展示该样式了。