0

これは、私の CSS がページ上でどのように見えるかです。

<!DOCTYPE html>
<html>


<head>
<style>
p.addresscenter {
    background-color: none;
color: #333;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
    font-style: normal;
line-height: 1.2;
margin: 0;  
    text-align: center;
    white-space: pre;
}
p.endtagbold {
    background-color: none;
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 600;
    font-style: normal;
line-height: 1.2;
margin: 0;  
    padding-top:16px;
}
p.hoursofoperationcenter {
    background-color: none;
color: #333;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
    font-style: normal;
line-height: 1.3;
margin: 0; 
    text-align: center;
    white-space: pre;
}
p.infop {
    background-color: none;
color: #OOOOOO;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: normal;
    font-style: normal;
line-height: 1.5;
margin: 0;  
    padding-bottom:30px;
}
p.infostextbox {
    background-color: none;
color: #OOOOOO;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 550;
    font-style: normal;
line-height: 1.5;
margin: 0;  
    padding-bottom:16px;
}
p.topmenu {
    background-color: none;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 500;
    font-style: normal;
line-height: 1.4;
margin: 0;  
    text-align: center;  

}
p.towncounty {
    background-color: none;
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 700;
    font-style: italic;
line-height: 1.4;
margin: 0;  
    padding-top:16px;
}


 </style>
   </head>
   <body>


<p class="topmenu">Text with id tags here.</p>

これらのタグで作成された列のセットがここにあります

 <div class="one-half first">Text</div>
 <div class="one-half"> Text </div>

次に、定式化されたテキストがさらに<p class=""></p>あり、最後に<!--nextpage-->属性が中間のどこかに発生します。

<!--nextpage-->タグの後に、さらにテキストがあります<p class=""></p>

ページ全体は次で終了します

</body>
    </html>

分割されていない他のページでは、css が正常に表示されます。何らかの理由で、.css の後の 2 ページ目に css が表示されません<!--nextpage-->。<!--nextpage-->css が属性の前後に表示されるようにするにはどうすればよいですか。

4

1 に答える 1

1

すべてをよく理解しているかどうかはわかりませんが<!--nextpage-->、タグの内側ではなく、タグの間に配置するようにしてください。

例えば：

<p>asdasd</p><!--nextpage--><p>asdasd</p>

大丈夫ですが、

<p>asdasd<!--nextpage-->asdasdasd</p>

大丈夫ではありません。そうでない場合は、反対票を投じたり、完全なコードで質問を更新したりしないでください。それから私は私の答えを更新しようとします。

あと少し。次のページをクリックすると、段落要素は前のページで開始されています。したがって、実際のページには段落の開始はありasdasdasd</p>ませんが、問題を引き起こしているだけであり、有効な html ではありません。

よろしくお願いします。

于 2015-01-18T19:30:18.450 に答える