超出不換行是一種常用的CSS樣式，用于在文本超過容器寬度時不自動換行，直接超出容器顯示。這種樣式可以實現(xiàn)文本緊湊排版的效果，也可以用于代碼塊的展示。 在CSS中，超出不換行的樣式可以通過white-space屬性來實現(xiàn)。該屬性有以下三個取值： - normal：默認值，自動換行； - nowrap：不自動換行； - pre：保留空白空間，不自動換行，連續(xù)空格和換行符保留。 其中，pre和pre-wrap都可以實現(xiàn)超出不換行的效果，但是兩者略有不同。pre-wrap會在超出容器寬度時自動換行，而pre不會。 要在HTML中應用超出不換行的樣式，可以將文本放在p標簽中，代碼放在pre標簽中。代碼段使用pre標簽可以保留代碼的格式，例如空格和換行符都會被保留。 下面是一個使用pre標簽實現(xiàn)超出不換行的示例：

function getSum(a, b) { 
return a + b; 
}
console.log(getSum(2, 3));

以上代碼段中，代碼塊中的空格和換行符都被保留，實現(xiàn)了代碼的格式保留和緊湊排版的效果。 需要注意的是，在使用pre標簽時，需要避免出現(xiàn)XSS攻擊。如果將用戶輸入的文本輸出到pre標簽中，可能會導致XSS攻擊。因此，建議使用預編譯框架來輸出代碼等特殊字符，以防止XSS攻擊的發(fā)生。