動態插入div在h1標籤的前面，並且具有-1em的margin-top

我有現有的文檔，我試圖插入邏輯頁碼。在下面的xhtml代碼片段中，這是.pagerule-cls div。我發現一個文檔，這不能很好地工作，因爲頁面上第一個元素的影響CSS具有-1em的頁邊距。我的頁碼插入結束於原始文檔的h1文本的中心。有什麼我可以做的，以確保h1標題「介紹」後我的頁面插入適當的pagerule-cls css？動態插入div在h1標籤的前面，並且具有-1em的margin-top

順便說一句，身體元素的樣式也是我的插入來改變左右邊距。

安迪

<?xml version="1.0" encoding="UTF-8"?> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/> 
    <style> 
     .calibre14 { 
      display: block; 
      font-size: 1.5em; 
      font-weight: bold; 
      margin-bottom: 0.67em; 
      margin-left: 0; 
      margin-right: 0; 
      margin-top: -1em; 
      text-align: center 
      } 
     .calibre4 { 
      display: block; 
      margin-bottom: 0; 
      margin-left: 1.25em; 
      margin-right: 0; 
      margin-top: 0; 
      text-align: justify 
      } 
     .pagerule-cls { 
      text-align: center; 
      font: 13px Arial, Helvetica, sans-serif; 
     } 
    </style> 
</head> 
<body style='margin-left:100px;margin-right:10px;min-width:400px;max-width:800px;'><a name='stagpage6' id='stagpage6'/><div class='pagerule-cls'>7</div> 
<div><blockquote class="calibre4"><span> 
<h1 class="calibre14"><span><span class="bold"><a></a>INTRODUCTION</span></span></h1> 
<div></div></span></blockquote></div> 
</body> 
</html>

來源

2011-05-19 Andy Nuss

你在哪裏插入號碼？在標題的頂部或前面？ – kei 2011-05-19 21:16:22

最簡單的方法是添加margin-bottom: 1em;到.pagerule-cls，這可能會導致對其他文件過大的餘量。更好的做法是隻將這種額外的樣式添加到相關文檔中。你如何修改文件？你能查詢-1em嗎？

來源

2011-05-19 21:58:19 NGLN

我預處理文檔以修改它們。我不認爲我可以添加任意1em或查詢。我運氣不好。 – 2011-05-20 00:24:08

動態插入div在h1標籤的前面，並且具有-1em的margin-top

回答

相關問題