Question

我在单元格中有一个文本（标题和段落）。使用css风格我控制它看起来像我想要的方式。现在唯一的事情仍然是标题从顶部只有一点空间。由于标题有我制作的标签L1，我尝试使用margin参数，但它不起作用。这是什么解决方案？

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>

Answer 1

将l1标签更改为某个其他标签，例如span，然后添加css显示块，然后

Answer 2

原因是<l1>不是有效的HTML标记。

将其更改为<h1>标记，如this fiddle中所示，应该可以解决问题。

<h1>ARTICLE #11</h1>

请记住编辑CSS以反映更改

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

Answer 3

您可以在display（假设您想要h1）元素中将inline-block设置为h1：

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

Answer 4

使用display:inline-table;可行

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

需要从细胞顶部的空间

4 个答案: