mailchimp - 对于表格中的 mailchimp 注册表单，如何将文本字段和按钮的 div 放在一行中？

Question

我一直在尝试修改 Mailchimp 提供的代码，该代码包含在我正在为邮件列表表单开发的网站上。

基本上，代码包含在表格中，Mailchimp 代码位于表格的一个单元格中。内容是标题、输入电子邮件地址的框和“提交”按钮。我想修改代码，使单元格的内容都在一行上，而不是像当前情况那样在彼此下。

希望我刚刚做了一些愚蠢的事情，就像经常发生的那样，但是在最后一个小时把我的头撞在我的桌子上之后，我认为最好尝试寻求一些帮助，而不是造成进一步的脑损伤。

感谢期待任何帮助。

史蒂夫

score 2 · Accepted Answer

电子邮件和按钮输入都显示为块，而不是浮动或内联显示。下面的代码对我有用。

#mc_embed_signup input.email{
display:inline-block;
}

#mc_embed_signup input.button {
display:inline-block;
}

注意：在附加的 jsfiddle 中，我更改了两个选择器的显示，然后在注释后添加了下面的代码。出于某种原因，jsfiddle 似乎不喜欢 css 级联覆盖。

1 回答 1