Html 对于电子邮件时事通讯，如何将文本延伸到div的宽度并始终保持在一行中_Html_Css_Newsletter

Html 对于电子邮件时事通讯，如何将文本延伸到div的宽度并始终保持在一行中

html css

Html 对于电子邮件时事通讯，如何将文本延伸到div的宽度并始终保持在一行中,html,css,newsletter,Html,Css,Newsletter,我正在创建一个电子邮件时事通讯，我需要有一个文本（公司的moto）停留在一行只这是我为它编写的代码 <body> <div id="main"> <div id="headerTop"> <img src="img/logo.png" alt="Company logo"/> <span s

我正在创建一个电子邮件时事通讯，我需要有一个文本（公司的moto）停留在一行只

这是我为它编写的代码

<body>
    <div id="main">
        <div id="headerTop">
            <img src="img/logo.png" alt="Company logo"/>
            <span style="padding-left:15px;"> An initiative to help make the web perceivable operable understandable and robust in other words Accessible.</span>
        </div>

请让我知道最好的方法来创建这个

提前感谢。

您可以将

空白

应用于

#headerTop

元素：

#headerTop {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

电子邮件时事通讯是非常易变的事情。虽然我永远不会推荐网站使用这种方式，但我想说的是，电子邮件时事通讯最安全的选择是将所有空格改为

，而不要使用CSS。

如果您对位置非常挑剔，那么将其改为图像总是最安全的。这样，如果将其设置为100%宽度，它将调整文本大小以适应图像收缩。

#headerTop {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}