HTML 回车换行与 CSS

如何使用 CSS 使 HTML 代码中的回车换行生效。介绍了 `white-space: pre-line;` 和 `white-space: pre-wrap;` 属性。

全部前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)

2021年11月11日

Mt.r

|

需求

使 html 代码中的回车换行生效

实现

// For line break \n:
white-space: pre-line;
// For line break \n and tabs \t:
white-space: pre-wrap;

参考文章

Line break in HTML with ‘\n’

CSS 实现 1px 高清边框

移动端 1px 边框的 CSS 实现方案，包括利用伪元素缩放实现高清 1px 边框的代码和解决方法。本文提供了一种使用伪元素和缩放来解决移动端 1px 边框模糊问题的 CSS 代码，并针对不同设备像素比做了适配。

JavaScript 隐藏手机号中间部分

JavaScript 实现隐藏手机号中间部分的方法，包括字符串截取和正则表达式两种方式。