将 css 应用于没有类的 td 元素答案

【问题标题】：apply css to a td element that has no class将 css 应用于没有类的 td 元素
【发布时间】：2015-12-04 17:02:36
【问题描述】：

我有一张桌子：

<table cellpadding="0" cellspacing="0" class="twelve columns" style="width:600px;margin: 0 20px;">
                    <tr>
                    <td>
                          ' . $issue_body . '
                        </td>

没有针对 TR 或 TD 的课程。我正在为 Drupal 使用一些自定义模块，并尝试通过 PHPMailer 发送电子邮件。（用于时事通讯和订阅）

电子邮件如下所示：http://imgur.com/njxe7tM

我想将文字移到图片的右侧。

如果我将style="background-color:red"; 添加到 TR 或 TD 背景会变红，但是如何使此文本浮动。我尝试添加float:left;，但没有成功。

有什么建议吗？

谢谢，迈克尔

【问题讨论】：

啊，所以你是发送这些电子邮件的人之一！
它是订阅/时事通讯电子邮件
文本应该向右浮动（因此在图像结束时填充整行）还是仅在右侧的列上？
@AntonioRagagnin 是的，应该在图像的右侧，并在图像结束时填充整行。
您不能在电子邮件中使用浮点数...如果您需要不同的表格布局，则必须手动更改它。其中不会在客户端之间保持一致

标签： css drupal-6 drupal-theming

【解决方案1】：

如果图片在文本的同一容器中，只需确保将图片设置为内联元素。

img{
  display: inline;
}

或者只是将其作为属性打印出来：

<img style="display: inline;" src="..."/>

它会让你的图像不使用所有的块宽度空间，并与任何文本元素一起排列，例如 p、span、strong、em...

否则，您将需要重新考虑您正在使用的布局。

【讨论】：