Question

我出于某种原因，我的文字说“让这张照片片刻？”溢出而且显示不对？我能做错什么？

这是我的来源和JSFiddle：

Answer 1

而不是宽度：70px

#share-action.moment p
    {
    ...
    width: auto;
    ...
    }

Answer 2

您需要从以下CSS ID中删除宽度（＃share-action.moment p＆amp;＃share-action p），请检查以下代码。固定宽度是其格式不正确的原因。

#share-action.moment p {
    color: #444444;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
 /*   width: 70px; */
}
#share-action p {
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
 /*   width: 70px; */
}

Answer 3

要快速解决问题，您可以将p标记替换为span标记，如果要将p保留在其中，请删除70px的宽度，这是推动div下面的文本。

#share-action.moment p /* remove width or place width: auto */

进一步检查时，您有两个share-action ids是不允许的; ids是唯一的classes可以重复

Answer 4

删除该文字周围的<p>，或更改分配到width的{{1}}。

Answer 5

它是浮动的：左边所以它的大小对它的容器没有影响。您可以使用clear:both添加空元素以展开容器

使用css设置段落元素的样式

5 个答案: