使用内联样式格式化移动设备的文本宽度答案

【问题标题】：Formatting text width for mobile using inline styles使用内联样式格式化移动设备的文本宽度
【发布时间】：2016-07-09 00:51:05
【问题描述】：

我有一个按钮可以在桌面上很好地呈现，但在移动设备上文本换行 (http://grab.by/RkRk)。有没有一种方法可以仅使用内联 CSS（不使用元视口标签或标题上的任何其他内容）在移动设备上将文本全部放在一行上（就像在桌面上一样）。这是我的按钮的 HTML 代码...

 <div style="width: 180px;background-color:#cc0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;padding: 10px;">
     <a href="" class="font-regular" style="font-size: 14px; font-family: 'Arial Regular', Arial; color: white; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px;">Be thankful for everything &#187;
     </a>
</div>

【问题讨论】：

标签： html css mobile responsive-design

【解决方案1】：

由于您不能内联使用 CSS 媒体查询，我会拒绝...

【讨论】：