Question

我使用CodeIgniter框架在HTML / PHP / CSS中进行编码。

我有一个奇怪的显示错误，这让我疯了！

大多数情况下，相关区域显示绝对正常.....但是，一旦说5重新加载页面将无法正确显示。即使你刚刚点击刷新并完全显示相同的页面和内容，它也会导致错误。

这是一个简单的DIV（这里是css）...

.shell {
    width: 1000px;
    padding: 10px;
    margin-left: auto;
    margin-right:auto;
}
.shell-content1 {
    padding: 0 20 20 20;
    background-image: url(/assets/images/top-content-bg.jpg);
    background-repeat: repeat-x;
    min-height:68%;
}
.shell-content1 h1 {
    color: 2e3192;
    padding-left:10px;
    padding-top: 5px;
}
.shell-content1 h2 {
    font-size:18px;
    font-weight:400;
    padding-left:20px;
}
.content-header {
    margin-top:10px;
    padding-left: 10px;
    border: 1px solid #5a7f97;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    font-size:24px;
    font-weight:600;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
    color: #fff;
    height:33px;
    line-height:33px;
    background-image: url(/assets/images/content-header-bg.jpg);
    background-repeat: repeat-x;
}

...这里是html代码......

<body>
    <div class="shell-content1">
        <div class="shell">
            <div class="breadcrumb">
                <div class="breadcrumb-left">
                    >> <a href="homepage">Home</a> >> <a href="/myaccount">My Account</a> >> Edit Course 
                </div><!--BREADCRUMB-LEFT-->
                <div class="breadcrumb-right">
                    <?php include(APPPATH.'views/templates/breadcrumb-loggedin.php');?>
                </div>
            </div><!--BREADCRUMB-->

            <div class="content-header">Edit Course : <?php echo $course->course_title;?></div>
            <div class="content-text">

我已将代码缩减为仅显示相关部分。

导致错误的部分是DIV = content-header。当它出错时，该行的最后一个单词（通过$ course-＆gt; course_title变量生成）最终以新行结束，并覆盖其下方页面上的其他内容。它并没有替代后续的文本......它被覆盖，就像它有一个绝对的位置。

我无法理解为什么会这样......其他人是否有任何建议？

非常感谢提前！

HTML显示错误 - 间歇性换行/回车

0 个答案: