Html 多个宽度等于最宽元素的元素

我有两个元素（一个按钮和一个锚定标签），它们的内部都有动态文本，并随着内容的长度而增长。
我不知道其中哪一个在编译时最长，也不知道最大/最小宽度是多少。
较短的应始终适应最长的

<span id="buttonsColumn">
    <button type="submit" name="powerSearchSubmitButton" id="powerSearchSubmitButton">
        <span><em><%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Search")%></em></span>
    </button>                    
    <a class="linkButton" href="something">
        <span><em><%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Advanced")%></em></span>
    </a>
</span>

包装

span

可以更改为所需的任何内容。

---

有什么想法吗？

在我看来，你可以用两种方法：

计算ASP端的长度，并设置一个长度较大的变量，然后在每个变量的size属性中使用该变量

编写一个javascript函数，找出两者中哪一个较大，并将两者的长度设置为该值

---

您可以尝试以下方法：

#buttonsColumn {
    display: block;
    float: left;
    background-color: #F88;
}
#buttonsColumn button,
#buttonsColumn a {
    display: block;
}
#buttonsColumn button {
    width: 100%;
    background-color: #8F8;
}
#buttonsColumn a {
    width: 100%;
    background-color: #88F;
}

我可以推荐你吗

毕竟，它们仍然是规范的一部分，您所做的可以解释为表格数据。您只需要在每个表数据标记上添加一个

style=“width:50%”

，在按钮上添加一个

style=“width:100%”

标记

<table>
<tr>
    <td style="width:50%">
    <button type="submit" style="width:100%" name="powerSearchSubmitButton" id="powerSearchSubmitButton">
        <span><em><%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Search")%></em></span>
    </button>
    </td>
    <td style="width:50%">
    <a class="linkButton" href="something">
        <span><em><%=ViewData.Model.T9nProvider.TranslateById("CommonWeb.Advanced")%></em></span>
    </a>
    </td>
</tr>
</table>

---

您可能可以去掉按钮和锚定标记中的跨距，除非您的CSS正在处理容器的跨距子项，否则它们似乎没有任何作用。

目前，我不介意使用表。但我认为你的解决方案解决不了这个问题。。将我的手机宽度设置为50%会有什么帮助？而且，我在这项工作中做得越多，我就越同意你的帖子。主要是因为IEit只在表不受约束的情况下工作。一旦表格达到允许的最大大小，其中一个就开始崩溃。当然，是的，但几乎任何解决方案都会遇到这个问题。问题并没有具体说明如何解决显式有界区域的问题。此外，您可以通过设置overflow:hidden和table layout:fixed来解决这个问题，这取决于您希望发生什么。额外的跨距用于使按钮具有样式（圆角等），而不想进入java之旅（jquery有它的时间和地点，我不觉得这就是它）。也许asp路径会有些问题，但如果可能的话，我想用css的方式解决它。可能会更好一些#buttonsColumn button，#buttonsColumn a{显示：块；宽度：100%；}#buttonsColumn button{背景色：#8F8；}#buttonsColumn a{背景色：#88F；}