需要單元格頂部的空間

我在單元格中有文本（標題和段落）。使用CSS風格，我控制了它的外觀，以我想要的方式來看待。現在唯一剩下的就是標題只有一小部分空間。由於標題有我做的標籤L1我嘗試使用保證金參數，但它沒有工作。這是什麼解決方案？需要單元格頂部的空間

CSS

<style> 
p { 
    margin-top: 0px; 
    margin-bottom: 0px; 
} 
L1{ 
    font-size:12px} 
</style>

而且電池代碼：

<td width="373" valign="top"><p><strong><l1>ARTICLE #11</l1></strong><p>   
<br>   
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis elit in lobortis interdum. Morbi gravida scelerisque ultrices. Suspendisse eget felis efficitur, porttitor tellus eget, euismod metus. Nullam id pellentesque quam, quis ultrices ipsum. Aenean orci purus, ultrices vel</td>

來源

2014-09-27 justme

變化的L1標籤像跨度其他一些標籤，並添加CSS顯示塊會工作，然後

來源

2014-09-27 16:31:02

我創建了L1 cuz，這是必需的所以我可以給我的標題一些特徵。我確實改變了它，但它沒有奏效。 – justme 2014-09-27 16:33:35

添加顯示塊會起作用 – 2014-09-27 16:42:47

您的想法是什麼？那可以嗎？這會在大多數瀏覽器中工作嗎？ http://jsfiddle.net/mdermez32/mxyxj8kp/ – justme 2014-09-27 17:13:44

使用display:inline-table;它的工作原理

http://jsfiddle.net/csdtesting/mcxw1pn8/

來源

2014-09-27 16:37:14

我添加了display：inline-table並改變了一些數字。我在「內聯表」上得到了一個綠色下劃線（就像當你輸入錯誤的東西時）。我應該忽略這個嗎？它似乎雖然工作。 – justme 2014-09-27 16:55:45

綠色下劃線？給我一個jsfiddle來檢查。 – 2014-09-27 16:57:44

我認爲顯示屏不承擔責任 – 2014-09-27 16:58:27

原因是<l1>不是有效的HTML標記。

將其更改爲<h1>標記，如this fiddle所示，應該有所斬斷。

<h1>ARTICLE #11</h1>

記住編輯CSS以反映更改

h1{ 
    font-size:12px; 
    margin-top:60px; 
}

來源

2014-09-27 16:38:26

謝謝你的回答，它真的幫助。 – justme 2014-09-27 17:40:10

可以在h1設置display到inline-block（假設你要H1）元素：

p { 
 
    margin-top: 0px; 
 
    margin-bottom: 0px; 
 
} 
 
h1 { 
 
    font-size:12px; 
 
    display: inline-block;/*change display to inline block*/ 
 
    padding-top: 10px;/*Add padding top*/ 
 
} 
 

 
table{ 
 
    border: solid 1px; 
 
}

<table> 
 
    <tr> 
 
     <td width="373" valign="top"> 
 
      <p><strong><h1>ARTICLE #11</l1></strong> 
 

 
      </p> 
 
      <br> 
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis elit in lobortis interdum. Morbi gravida scelerisque ultrices. Suspendisse eget felis efficitur, porttitor tellus eget, euismod metus. Nullam id pellentesque quam, quis ultrices ipsum. Aenean orci purus, ultrices vel</p> 
 
     </td> 
 
    </tr> 
 
</table>

來源

2014-09-27 16:38:36

我只保留顯示內容，並使用marging代替填充。它似乎工作。我應該輸入其餘的嗎？（桌邊） – justme 2014-09-27 16:56:56

當然沒有。只需添加它即可更好地查看結果。你只需要'display-inline：block'和'padding'或'margin'。 – 2014-09-27 16:59:42

http：// jsfiddle。net/mdermez32/mxyxj8kp/ Chech this one。看起來內聯塊或表具有相同的輸出。這不正確嗎？我應該使用哪一個？ – justme 2014-09-27 17:24:15

需要單元格頂部的空間

回答

相關問題