Question

如果我将图像放在段落标记内而没有对齐工作正常。如果我对齐它图像在段落之外。问题是Image比文本大很多。

<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;
}

Answer 1

你的风格中有一个可能破坏事物的近似括号：“background：black）;”

Answer 2

您的align="left"代码中不需要<img>。不推荐使用align属性：使用css设置宽度高度，对齐和其他功能。在这种情况下，您无需将其左对齐，因为text-align的默认值已经是left。

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

段落中的图像不能正常工作

2 个答案: