我正在为客户编辑时事通讯,但我一直卡在这个...
这是我的表格示例
https://jsfiddle.net/xocrqwLs/
问题出在移动设备上,如下所示
|---------|
| [image] |
| text |
|---------|
| text |
| [image] |
|---------|
我希望它看起来像这样
|---------|
| [image] |
| text |
|---------|
| [image] |
| text |
|---------|
如何更改移动设备的表格列?
谢谢!
最佳答案
你不能改变两个元素的显示顺序,除非你使用 flexbox(表格有 display: table
而不是 display: flex
);此外,表格行为非常严格,无论如何都不允许这种灵 active ,并且电子邮件平台兼容性不允许您在没有严重兼容性问题的情况下用 flexbox 替换表格。
我会在你的位置做的是在包含图像的元素之后添加另一个带有“lorem ipsum”的 td
元素:然后你可以用媒体查询隐藏一个或另一个。
关于html - 如何更改移动设备的表格列顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56429172/