强制PC文章详情样式_css

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>强制PC文章详情样式</title>
    <style>
        .pc-title{
            font-size: 20px;
        }
        .pc-time{
            font-size: 12px;
            color: gray;
        }
        /*强制PC文章详情样式*/
        .pc-content, .pc-content * {
            line-height: 1.618 !important;
            font-size: 14px !important;
            color: #333 !important;
            text-align: justify !important;
        }

        .pc-content img {
            display: block;
            margin: 1rem auto !important;
            max-width: 100% !important;
            height: auto !important;
            border-radius: .5rem;
            box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
        }

        .pc-content p {
            text-indent: 28px;
        }
    </style>
</head>
<body>
<h1 class="pc-title">标题标题标题标题标题</h1>
<p class="pc-time">发布日期 2022年1月7日 18:28:38</p>
<div class="pc-content">
    <p>超长度的文字内容测试只是为了判断字段对应的文字最大长度是否有限制，以防止文字长度过长出现布局混乱，div被撑开，导致页面显示错位，UI破坏，以及其他的报错情况发生。超長度的文字內容測試只是為了判斷字段對應的文字最大長度是否有限制，以防止文字長度過長出現佈局混亂，div被撐開，導致頁面顯示錯位，UI破壞，以及其他的報錯情況發生。Ultra-length text content test is only to determine whether the maximum length of the
        text corresponding to the field to determine the length of the text to prevent the layout of the chaos, div was distraction, resulting in page dislocation, UI damage, and other error occurred.</p>
    <img src="https://sc.68design.net/photofiles/202112/mRI8eb7pTE.jpg" alt="">
    <p>超长度的文字内容测试只是为了判断字段对应的文字最大长度是否有限制，以防止文字长度过长出现布局混乱，div被撑开，导致页面显示错位，UI破坏，以及其他的报错情况发生。超長度的文字內容測試只是為了判斷字段對應的文字最大長度是否有限制，以防止文字長度過長出現佈局混亂，div被撐開，導致頁面顯示錯位，UI破壞，以及其他的報錯情況發生。Ultra-length text content test is only to determine whether the maximum length of the
        text corresponding to the field to determine the length of the text to prevent the layout of the chaos, div was distraction, resulting in page dislocation, UI damage, and other error occurred.</p>
</div>
</body>
</html>