Question

enter image description here

如何将等式的两个部分对齐在一行中。请看图片，两个部分都在div内。 HTML结构就是这样..

<div>
  <table>
    //the first part here(red circle)
  </table>
  second part here(blue circle)
</div>

我只能访问div。其余的都是动态创建的。因此，通过为div提供样式我如何将两个部分对齐在一行中。

我无法改变结构。

此对齐问题仅发生在TinyMCE编辑器中。当我在普通div中打印方程时，这是正确对齐的。

请使用CSS或tinyMCE功能给我一个解决方案，这真的很有帮助。

谢谢。

Answer 1

你可以将display属性设置为inline-block，将它们显示在一行中，如下所示：

<html>
    <div>
      <table>
        the first part here(red circle)
      </table>
      second part here(blue circle)
    </div>

    <style>
          div { display:inline-block; }
           table{display:inline-block;}
          /* for IE6-7 */
          @media,
              {
                  div { display: inline; margin-right:10px; }
              }
    </style>
</html>

看看这个Fiddle example

使用CSS对齐div内的文本？

1 个答案: