CSS偽類after怎么豎杠

在CSS中，偽類after可以用來在元素的內(nèi)容之后插入一些內(nèi)容，而豎杠“|”在CSS中并沒有特殊的含義，它只是一個(gè)普通的字符，如果你想在after偽類中使用豎杠，你只需要像使用其他字符一樣直接使用即可。

假設(shè)你有一個(gè)段落元素，你想在該元素的內(nèi)容之后插入一個(gè)豎杠和一個(gè)空格，你可以這樣寫：

p:after {
    content: "| ";
}

這樣，每個(gè)段落元素的內(nèi)容之后都會(huì)插入一個(gè)豎杠和一個(gè)空格。

如果你想要讓豎杠垂直顯示，你可以嘗試使用CSS的transform屬性來旋轉(zhuǎn)豎杠。

p:after {
    content: "|";
    transform: rotate(90deg);
    vertical-align: middle;
}

這樣，豎杠就會(huì)垂直顯示在每個(gè)段落元素的內(nèi)容之后，注意，這里我們還需要使用vertical-align屬性來讓豎杠垂直居中顯示。

CSS偽類after可以用來在元素的內(nèi)容之后插入內(nèi)容，而豎杠在CSS中并沒有特殊的含義，你可以直接使用，如果你想要讓豎杠垂直顯示，你可以嘗試使用CSS的transform屬性來旋轉(zhuǎn)豎杠。