需要单元格顶部的空间

我在单元格中有文本（标题和段落）。使用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

需要单元格顶部的空间

回答

相关问题