如何使内联HTML表格

前端之家收集整理的这篇文章主要介绍了如何使内联HTML表格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML中,我想显示一个小表作为段落的一部分.这样做的一个方法是:
<table>
  <tr>
    <td>
      Before 
      <table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </table>
      After
    </td>
  </tr>
</table>

这产生了这个漂亮的布局:

a b
Before     After
       c d

这正是我想要的.

但是,当我真正想要的是在一个段落中使用一个表格时,在表中使用表格似乎是很愚蠢的.但是,如果我尝试使用这个HTML:

<p>
  Before 
    <table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr></table>
  After
</p>

我得到这个丑陋的布局:

Before
a b
    After
c d

我试过使用各种不同的显示风格,但似乎没有做我想要的.

我是否被迫使用表中的表格代码,还是我缺少某些东西?

解决方法

使段落显示:inline;为我工作但是,如果您有多个段落,则必须添加< br />他们中的每一个.
原文链接:/html/230151.html

猜你在找的HTML相关文章