Question

我正在努力让我的文字正确对齐。但是，当有长字幕或描述时，它不会扩展。以下就是我的......

截图： enter image description here

“论坛”很好，但“今天订阅！”不像“论坛”那样停留在一条线上。它发生在长文本时。同样，对于描述也是如此。

HTML：

<div class="hotcampaign-container">
    <a href="' . $item['url'] . '">
        <div id="campaigns_image">
            <img src="' . $item['image_url'] . '" align="left" alt="' . $item['caption'] . '" />
    </a>    </div>
    <div id="campaigns_caption">' . $item['caption'] . '</div>
    <div id="campaigns_desc">' . $item['desc'] . '</div>
    <div id="campaigns_link">
        <a href="' . $item['url'] . '">
            <div align="right">More Info &raquo;</div>
        </a>
        </p>
    </div>
<br />
</div>

Div ID的CSS：

#campaigns_image {
    padding: 0px 10px 10px;
}
#campaigns_caption {
    padding: 0px 177px 0px;
    font-weight: bold;
}
#campaigns_desc {
    padding: 0px 177px 0px;
}
#campaigns_link {
    padding: 0px 10px 0px;
}

4 个答案:

答案 0 :(得分：1)

答案 1 :(得分：0)

答案 2 :(得分：0)

答案 3 :(得分：0)

Answer 1

尝试

#campaigns_caption{
    padding: 0px 177px 0px;
    font-weight: bold;
    width:auto;
    min-width:300px;//some px according to te scenario
}

Answer 2

为呈现“今日订阅”文字的whitespace:nowrap;的{{1}}或class添加id。

Answer 3

尝试删除#campgaigns_caption div：

的css右边的填充

#campaigns_caption {
    padding: 0px 0px 0px;
    font-weight: bold;
}

Answer 4

尝试white-space: nowrap

#campaigns_caption {
    padding: 0px 177px 0px;
    font-weight: bold;
    white-space: nowrap;
}

为什么我的文字包裹在第二行？

4 个答案: