<pre>
标签用于显示预格式化的文本,它会保留文本中的空格和换行符。
如果您希望保留空格和换行,同时又希望内容能够自动换行,那么您可以使用white-space: pre-wrap;
。这个属性会保留空格和换行,并且在必要时自动换行。
例如:
#content {
white-space: pre-wrap;
}
这样设置后,#content
中的内容将保留原始格式(包括空格和换行),并且可以在必要时自动换行。
比如下面这么用
<!DOCTYPE html>
<html lang="en">
<head>
<style>
/* 在这里添加您的样式 */
body {
font-family: Arial, sans-serif;
padding: 5px;
width: 99%;
}
#content {
font-size: 14px;
text-align: left; /* 设置为左对齐 */
white-space: pre-wrap;
}
</style>
</head>
<body>
<div id="content"> <!-- 将您的文本内容放在这里 -->
</div><!-- 将您的文本内容放在上面,后面不要动了 -->
</body>
</html>