2014-09-27 37 views
-2

我有一张桌子,里面有一个有文字的单元格。文本是一个标题和一个短文。当按下回车键将标题与其他文本分开时,空间确实很大。 我在做什么错?我试图用“br”替换“p”,它工作但我不能分开不同的字体样式。段落之间的空间(我做错了什么?)

<td width="373" valign="top" style="font-family:Georgia, 'Times New Roman',Times, serif; font-size:10px; line-height:12px"> 
    <p style="font-size:12px">MAIN TITLE<br><br>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 tincidunt sed</p> 
</td> 

我有:

主标题

(巨大的空间)

(巨大的空间)

Lorem存有悲坐...等

W HAT我想要的:

主标题(STYLE:BOLD)

(一行)

Lorem存有悲坐...等(不加粗)

+0

为什么你的内容在'

'内?如果你拿出'
'元素!并使用边距来分隔您的内容可能会表现得更好。 – 2014-09-27 14:46:43

+0

'

'你打算给你2个换行符 – bansi 2014-09-27 14:47:17

+0

我正在制作一份新闻简报,以便表格是必要的。我想在这个单元格内有一个标题,文字用一条简单的线分隔开来,而不仅仅是一个巨大的空间。 – justme 2014-09-27 14:56:28

回答

2

我没有CSS编码的想法,但我发现我的答案在互联网上:

<style> 
p { 
    margin-top: 0px; 
    margin-bottom: 0px; 
} 
</style> 
+1

你不应该修改我的答案。人们应该看到,没有人提供实际的帮助,他们这样对待就是一堂教学课。 – justme 2014-09-27 16:09:25

1

使用合适的标签来标记主标题,如H1,H2,...为h6标签家庭

<td width="373" valign="top" style="font-family:Georgia, 'Times New Roman',Times, serif; font-size:10px; line-height:12px"> 
    <h6 style="margin-bottom:0px;">MAIN TITLE</h6> 
    <p style="font-size:12px"> 
     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 tincidunt sed</p> 
</td> 
+0

我怎么知道什么是标题标题的适当标签?现在我的标题真的很小。没有更简单的方法吗?我不太关心标题大小,因为我希望两段之间的空格与两行之间的空格相同。 – justme 2014-09-27 14:49:40

+1

@justme:“*我怎么知道什么是标题标题?”研究。学习。正如其他地方所指出的那样访问在线资源,例如http://developer.mozilla.org和http://w3.org(许多其他许多人)。 – 2014-09-27 14:55:09

+0

您应该使用css类而不是内联样式。通常标题用h1..h6标记,因为在语义上这比浏览器对其他标记更有意义。 – Maigret 2014-09-27 14:55:58