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 换行处理。
针对不同的屏幕,显示不同的效果。
固定宽度居中处理。

posted @ 2021-05-31 10:29  TBHacker  阅读(216)  评论(0编辑  收藏  举报