使用css创建段落元素

-2

由于某种原因，我的文字中写着“让这张照片片刻？”是溢出和不显示正确的？我可能做错了什么？使用css创建段落元素

这里是我的源和的jsfiddle：

http://jsfiddle.net/tPSfy/

来源

2012-09-18 user1592953

您正在将其宽度设置为70px。要么扩大宽度以填充您实际需要的空间，要么使用'overflow：hidden;' – Shmiddty

您有一个嵌套问题。 – Jrod

我只是看着你的小提琴，但我不确定页面的“正确”版本是什么样子。你能详细说明吗？ – Pops

您将需要从以下CSS的ID删除宽度（＃股份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-18 19:17:30 swtweb

快速修复，您可以用span标签更换p标签，如果你想保持这种p在那里，取出宽度70px，这是什么推动文本下面的div。

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

在进一步的检查，你有两个share-actionids这是不允许的; ids是独特classes可以重复

来源

2012-09-18 18:48:26 Phil

'share-actions'和'share-action-left'也会重复。 –

除去<p>围绕该文本，或更改width分配给<p>。

来源

2012-09-18 18:48:43

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

来源

2012-09-18 18:49:48 Bink

代替宽度：70像素

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

来源

2012-09-18 18:52:20 Vikram

使用css创建段落元素

回答

相关问题