Html 安<；选择>；及<；span>；标记在内部分成两行<；tr>；tr'时标记；s的宽度较小

我想创建一个表，其中每行有一个字段，强制指示符也有一个字段。当尺寸变小时，在一个特定的宽度处，会打断成另一条线

我的预期行为是：宽度变小，与宽度相关，直到a不能变小。而且必须始终在线

这是我的密码。它使用引导。请帮帮我。如果你需要更多的细节，就告诉我

<td style="white-space:nowrap;" class="form-inline">
    <span id="${grMD.sys_id}_mandatory_span" style="color:red; font-size: large;">*</span>
    <select class="form-control" name="${grMD.sys_id}_type" id="${grMD.sys_id}_type" onchange="updateSendTo(this, '${grMD.sys_id}')" required="true">
    </select>
</td>

*

如果您将强制指示符单独放在一个窄列中，该指示符将永远不会换行

<td style="white-space:nowrap;" class="form-inline">
    <span id="${grMD.sys_id}_mandatory_span" style="color:red; font-size: large;">*</span>
</td>
<td>
    <select class="form-control" name="${grMD.sys_id}_type" id="${grMD.sys_id}_type" onchange="updateSendTo(this, '${grMD.sys_id}')" required="true">
    </select>
</td>

*

---

请注意，现代html最佳实践保留了表格数据的使用，而不是布局。我可能建议您尝试阅读。

您可以尝试在css下方设置

绝对

星号的位置

<代码>.form-inline.required span{ 右侧填充：15px； 颜色：红色； 位置：绝对位置； } .form-inline.required.form控件，.checkbox inline{ 左边距：10px； }

*
你好，世界
*
*
你好，星球

用

包装它们。把它放在一个

td

上是行不通的，因为表格单元格根本不换行。它行不通，它们仍然分成两行。我只是想知道是否有CSS属性定义了引导“表单控件”类的最小宽度。如果行较小，则插入新行是可以的，因为尝试时它仍然很大，但新列的rigth边框应该隐藏，并且由于某些原因，“右角”属性不起作用（我在平台上工作，我不确定它是否支持所有CSS属性）。我知道bootstrap网格系统，但遗憾的是，这是另一个系统的代码。我只是在修复它，所以可能转换为引导网格系统需要做太多的工作=））