Question

span包含<table></table>，为何不换行了？table用<div style="display:block">包含也不可以

<span>
<div style="display:block">
<table>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
</div>
</span>
<span>
<div style="display:block">
<table>
<tr><td>c</td></tr>
<tr><td>d</td></tr>
</table>
</div>
</span>

Answer 1

你的意思我理解半天才懂

先告诉你，你的写法不规范，span作为内联元素，最好不要写在div这种外联元素外面。

span确实不换行，但里面包含了外联元素，这是不起作用的。

<div style="overflow:hidden; margin:0 auto; width:200px;">
<table style="float:left; width:50%;">
<tr>
<td>a</td>
</tr>
<tr>
<td>b</td>
</tr>
</table>
<table style="float:left;width:50%;">
<tr>
<td>c</td>
</tr>
<tr>
<td>d</td>
</tr>
</table>
</div>

你看下是不是你要的效果。

追问

float我会 可是float只能居左或者右。我想把2个表格同一行居中。

追答

我写的代码你试过了吗，那就是两个表格并排同行居中的啊

追问

运行了，ab在最左边。我想达到float:center这种效果，可是没有这种东西。

追答

你是说表格里面的文字也居中？

那你可以在table样式里再加入：text-align:center;

追问

想把表格居在页面的中间，float只能把他们放在最右或者最左

追答

float没有标签居中的功能，它只是让该标签左右的标签对其浮动对齐而已，对其自身并无作用。

让标签居中，最常用的方法就是给标签设一个固定宽，在加上margin：0 auto;

这个边距上下可以取值，但左右必须设置auto;就像我DIV里写的那样。

Answer 2

span 默认应该会换行吧！

追问

你运行一下嘛，不行哦

Answer 3

不太明白你的意思～
什么不换行？

追问

运行结果是表格1在上表格2在下，表格1和表格2不在同一行啊。 我希望两个表格在同一行显示，span的功能就是同一行显示啊？咋办

追答

都改成就可以了

追问

我会用float把他们显示在一行，可是我想居中。

追答

。。。你是想表格居中了？还是表格里面的文字居中了？

追问

我就问你，怎么用span把2个table显示在同一行！！！不要用float. 追问次数太多，没分啊 居中我在其他地方设置了

追答

谁稀罕你这个分啊～什么都没说清楚，还叫别人不要问。