Question

我使用TinyMCE作为短信。我正在从我的数据库中打印出一些文本。 TinyMCE使我的底部描述框跳跃，因为＆＃34; p＆＃34;元件。我想保持TinyMCE的原样，而不是将它改为RAW格式。我希望我的盒子看起来像我的其他灰盒子。

我的问题图片： https://i.gyazo.com/8889b7cdab1d25d46fb4c80531234a69.png

<div id="container"">
'.$eventinfo['info'].' <--   <p>test</p> is my printout
  <p id="text">
    Description
  </p>
</div>

<style type="text/css">
    #container {
    position: relative;
    background-color:#e9ebee;
    border-radius:4px;
    border: 1px solid #dddfe2;
    padding:11px;
    width:47%;
    margin-top:40px;
    float:left;
    height:auto;
    }

    #text {
    position: absolute;
    font-weight:bold;
    font-size: 14px;
    left:1px;
    top: -30px;
    float:left;
    }
</style>

Answer 1

没有代码很难，但<p>可能在margin-bottom中有价值，所以尝试添加：

p#text {
    margin-bottom: 0;
}

框扩展CSS <p>元素

1 个答案: