gpt4 book ai didi

html - 如何在内联 CSS 中中断所有行或不中断行?

转载 作者:搜寻专家 更新时间:2023-10-31 21:53:11 25 4
gpt4 key购买 nike

我正在为一家公司设计 HTML 电子邮件。我在底部的页脚有问题。目前,它看起来像这样:

enter image description here

我喜欢它!

当它的大小调整很多时,它看起来像这样:

enter image description here

太棒了!我确实希望页脚分成 3 行。

但是,当我中途调整窗口大小时,它看起来像这样:

enter image description here

我可以使用什么 CSS 代码来使页脚分隔所有行,或者不分隔行?它需要始终看起来像这样:

enter image description here

或者这个:

enter image description here

但绝不是这样的:

enter image description here

永远不要这样:

enter image description here

我尝试了多种 white-space: nowrap; 的组合无济于事。当任何线路中断时,它们需要同时中断。也许这可以通过 <table> 来完成?

感谢您的帮助。 CSS 需要内联并且没有媒体查询。 JavaScript 对 HTML 电子邮件的支持非常有限且不可靠,因此,我希望没有它。

A JSFIDDLE for editing can be found here.

最佳答案

您正在尝试的布局可以使用媒体查询或 javascript。但大多数电子邮件模板都不支持这两种解决方案。

所以,据我所知,您有两个选择:

  • 如果始终保持页脚元素独立于每一行会更好,即在 nav 标签之间添加 br 标签。

  • 根据决议创建不同的电子邮件模板。

个人建议:我会选择第一个选项。

关于html - 如何在内联 CSS 中中断所有行或不中断行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27140627/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com