段落中的图片无法正常工作

如果我将段落标记中的图片放在段落标记中，但没有对齐，则工作正常。如果我对齐它的图像走到段落之外。问题是图像比文本大得多。段落中的图片无法正常工作

<div id="main-paper-bg"> 
    <div id="content"> 
    <h1>After School Program</h1> 
    <p><img class="left-only" src="images/bgi/after-school/main-img.jpg" width="450" height="630" alt="Main Img" align="left">Coming Soon</p> 
    </div> 
</div>

和CSS

#main-paper-bg { 
    width: 740px; 
    padding: 30px; 
    display: block; 
    float: left; 
    margin-bottom: 40px; 
} 

#content { 
    background: black; 
    height: auto; 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
    padding-right: 30px; 
    padding-left: 30px; 
    border: 1px solid #999; 
} 

p { 
    line-height: 160%; 
    padding-top: 0; 
    padding-bottom: 30px; 
    font-size: 12pt; 
} 


img.left-only { 
    border: none; 
    margin: 10px 10px 10px 0; 
    padding: 0; 
}

来源

2010-11-22 pcasa

你不要在你的<img>标签需要align="left"。 align属性也被弃用：使用CSS设置宽度高度，对齐和其他功能。在这种情况下，您不需要将它左对齐，因为text-align的默认值已经是left。

像这样：http://jsfiddle.net/SebastianPataneMasuelli/equ8p/1/

来源

2010-11-22 22:44:32

您会如何建议将文本对齐到图像的顶部？ – pcasa 2010-11-22 23:16:07

将`vertical-align：top;`添加到`img.left-only`。 http://jsfiddle.net/SebastianPataneMasuelli/equ8p/1/ – 2010-11-22 23:19:14

你有一个近距离的括号在您的样式可以破事：“背景：黑色）;”

来源

2010-11-22 22:45:17 mmurch

段落中的图片无法正常工作

回答

相关问题