-2

出于某种原因，我的文字上写着“让这张照片成为片刻？” 溢出而不显示正确？我可能做错了什么？

这是我的来源和 JSFiddle：

http://jsfiddle.net/tPSfy/

4

5 回答 5

1

而不是宽度：70px

#share-action.moment p
    {
    ...
    width: auto;
    ...
    }
于 2012-09-18T18:52:20.060 回答
1

您需要从以下 CSS ID (#share-action.moment p & #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; */
}
于 2012-09-18T19:17:30.547 回答
0

为了快速修复，您可以将p标签替换为span标签，如果您想将其保留p在其中，请删除 的宽度70px，这就是将文本推到 div 下方的原因。

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

进一步检查，你有两个share-action ids是不允许的；ids是独一无二的，classes可以重复

于 2012-09-18T18:48:26.167 回答
0

删除<p>周围的文本，或将width分配更改为<p>.

于 2012-09-18T18:48:43.023 回答
0

它是 float:left 所以它的大小对其容器没有影响。您可以添加一个空元素clear:both来扩展容器

于 2012-09-18T18:49:48.157 回答