css pre

作者：开阔蓝天uだ发布日期:2025-08-15 浏览:45

pre {
  font-family: "Courier New", Courier, monospace;
  background-color: #f4f4f4;
  padding: 10px;
  border: 1px solid #ddd;
  white-space: pre-wrap;       /* 保留空白符序列，并且文本会在必要的时候自动换行 */
  word-wrap: break-word;       /* 长单词或URL地址会被自动换行到下一行 */
}

解释说明：

font-family: 设置 pre 元素内的字体为等宽字体，通常用于显示代码或命令行输出。
background-color: 设置背景颜色为浅灰色，使内容更易读。
padding: 在 pre 元素的内容周围添加内边距，使其不紧贴边界。
border: 添加一个细的灰色边框，使 pre 元素更加突出。
white-space: pre-wrap: 保留文本中的空白符（如空格和换行），并且允许文本在必要时自动换行。
word-wrap: break-word: 当遇到长单词或URL时，允许它们在适当的位置换行，避免溢出容器。

上一篇：滚动条css

下一篇：css input边框颜色