例
在p元素在每一行的開頭放置開頭標點符號:
p
{
punctuation-trim:start;
}
瀏覽器支持
任何主流瀏覽器都不支持punctuation-trim屬性。
屬性定義及使用說明
punctuation-trim屬性指定是否應修飾,當它出現在一條線,或相鄰的另一個全形標點符號字符開頭或結束標點字符。
默認值: | none |
---|---|
繼承: | yes |
版本: | CSS3 |
JavaScript 語法: | object.style.punctuationTrim="start" |
語法
punctuation-trim: none|start|end|allow-end|adjacent;
值 | 說明 |
---|---|
none | 請勿修剪打開或關閉標點符號 |
start | 在每一行的開頭放置開頭標點符號 |
end | 在每一行的末尾修剪結束標點符號 |
allow-end | 如果另有不適合之前的理由,修剪每行末尾的結束標點符號。 |
adjacent | 若以前相鄰字符修剪開口punctuation是一個全形開口,中間或結束標點符號,或表意文字空間。修剪結束標點符號,如果下一個相鄰的字符是一個全形關閉或中間punctuation,或表意文字空間 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
、簡介
trim()方法是JavaScript字符串對象的一個方法,它用于去除字符串兩端的空格(包括制表符、換行符等空白符),并返回處理后的新字符串。當我們需要對字符串進行處理時,這個方法可以很方便地幫助我們去掉多余的空格,使字符串更加規范化、易于處理。
二、語法
string.trim()
三、參數解釋
該方法沒有參數。
四、使用實例
五、注意事項
1、該方法不會改變原字符串,而是返回一個新的處理后的字符串。
2、如果字符串中間存在空格,trim()方法不會去除,只會去除兩端的空格。
3、該方法只能去除Unicode編碼中的空白符,不能去除其他特殊字符。
六、常用在哪里
1、表單驗證:當用戶輸入表單內容時,有時會存在多余的空格,使用trim()方法可以輕松去除這些空格,以免對后續處理造成影響。
2、字符串處理:當我們需要對一些字符串進行處理,例如分割、替換、比較等操作時,使用trim()方法可以使字符串更加規范化,方便后續處理。
3、文本編輯器:當我們在文本編輯器中編寫代碼或文檔時,有時會存在多余的空格,使用trim()方法可以快速去除這些空格,使文本更加規范化、清晰易讀。
實現 HTML 壓縮,可以使用 JavaScript 中的正則表達式來去除 HTML 中的空格和注釋。以下是一個簡單的 HTML 壓縮函數:
function compressHTML(html) {
// 去除注釋
html=html.replace(/<!--[\s\S]*?-->/g, "");
// 去除多余空白
html=html.replace(/\s+/g, " ");
// 去除標簽之間空格
html=html.replace(/>\s+</g, "><");
return html.trim();
}
該函數首先使用正則表達式去除 HTML 中的注釋。然后,它使用另一個正則表達式去除 HTML 中的多余空格。最后,它使用另一個正則表達式去除標簽之間的空格。
為了測試該函數,您可以創建一個 HTML 文件,并在其中添加一些冗余的空格和注釋。例如:
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- This is a comment -->
<h1> Welcome to my website! </h1>
<p> This is some text. </p>
</body>
</html>
然后,您可以在Node.JS中使用以下代碼將 HTML 文件加載為字符串并壓縮它:
// 加載 HTML 文件
const fs=require("fs");
const html=fs.readFileSync("index.html", "utf8");
// 壓縮 HTML
const compressedHtml=compressHTML(html);
console.log(compressedHtml);
輸出是一個壓縮后的 HTML 字符串,其中不包含注釋或冗余空格。
或者直接在IE中測試,代碼如下:
function compressHTML(html) {
// 去除注釋
html=html.replace(/<!--[\s\S]*?-->/g, "");
// 去除多余空白
html=html.replace(/\s+/g, " ");
// 去除標簽之間空格
html=html.replace(/>\s+</g, "><");
return html.trim();
}
var html=`
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- This is a comment -->
<h1> Welcome to my website! </h1>
<p> This is some text. </p>
</body>
</html>
`;
console.log(compressHTML(html));
運行效果:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。