一旦屏幕尺寸发生变化，停止html按钮显示在彼此下方

Question

我有这个用于显示按钮的HTML：

<td>
 <button id="inbox_button" class="HeaderButton">&#9993; (<?php echo $messages_num; ?>)</button>
 <!--
 <button id="monthly_cost_calculator_button"  class="HeaderButton">Calculator</button>
 <button id="remote_support_button"  class="HeaderButton" onclick="RemoteSupport();">Remote Support</button>
  -->
 <button id="customer_communication_button"  class="HeaderButton" onclick="AddCustomerCommunication();">Customer Communication</button>
 <button id="price_list_button" class="HeaderButton" onclick="PriceList();">Price List</button>
</td>

但随着屏幕变小，它们开始显示在彼此之下

如何阻止它以便它们始终显示内联？

Answer 1

有两种主要方法：

• 旧版（更不用说已弃用）<nobr>代码。只需将您想要的所有内容放在此标记内的一行
即可
• 将所有按钮放入<div>，然后将此css属性添加到其中：white-space: nowrap;

你应该使用后者