整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

CSS3 punctuation-trim 属性

CSS3 punctuation-trim 属性

在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));

运行效果: