pre标签的运用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>凯盛隐私声明</title>
</head>
<body>
<pre>
<h3>凯盛生活APP隐私政策</h3>
本版更新时间:2021年5月25日
本版生效时间:2021年5月25日
提示条款:
本隐私政策旨在说明江苏凯盛聿方物业管理服务有限公司(以下称“我们”或“本公司”)将会如何通过凯盛生活APP(或称“本软件”)收集、使用和存储用户的个人信息及用户(以下简称“您”)享有何种权利。请您仔细阅读本隐私政策,充分理解各条款内容,并选择接受或者不接受。如您选择接受,即表明您同意我们按照本隐私政策收集、存储、保护、使用您的个人信息,如您不接受,请停止使用本软件。
</pre>
</body>
<style>
pre {
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
@media (min-width:750px) {
body{
width: 800px;
height: auto;
margin: 0 auto;
}
}
</style>
</html>
pre 换行处理。
针对不同的屏幕,显示不同的效果。
固定宽度居中处理。