基于文本自动调整大小的 HTML 按钮，无需表格答案

【问题标题】：HTML button that automatically resize based on text without tables基于文本自动调整大小的 HTML 按钮，无需表格
【发布时间】：2012-09-30 04:42:18
【问题描述】：

<table align="center" cellpadding="0" cellspacing="0" border="0" height="32px">
    <tr>
        <td>
            <img src="http://img203.imageshack.us/img203/8052/lefto.png" border="0" />
        </td>
        <td style="background:url(http://img24.imageshack.us/img24/2825/centervw.png); background-repeat: repeat-x; color:#FFFFFF;">
            Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me
        </td>
        <td>
            <img src="http://img23.imageshack.us/img23/4676/rightk.png" />
        </td>
    </tr>
</table>

我有一个不错的按钮，可以根据中间表格列中的文本长度自动调整大小在这里试试http://jsfiddle.net/QaFTc/2/

我需要做的是不使用表格和居中。

我试过了，要么没有居中，要么我必须指定按钮的宽度。

【问题讨论】：

我不确定您到底需要什么。如果您只需要一个按钮，则可以使用标签或如果您需要提交表单。然后，您可以使用 CSS 对其进行样式设置。
我需要像导航菜单这样看起来比更好的按钮，而且我需要它不是图像而是文本。所以我可以在没有 Photoshop 的情况下对其进行编辑，为此我需要将文本的背景自动调整为文本长度，正如我在链接上显示的那样，您单击链接了吗？

标签： html button autoresize

【解决方案1】：

这就是我得到的：http://jsfiddle.net/nqGX8/

没有表格，只有 div。您可以使用图像而不是颜色。

【讨论】：

我第一次听说按钮标签，我再次需要它居中。
文本居中？还是以它的父级为中心的按钮？
用 div 包裹（显示：inline-block），和 text-align: center；身上。您可以像处理文本一样将其居中，甚至可以将其与文本内联。 jsfiddle.net/U5gCF
gr8 我想用更少的标签，但猜想没有办法。
我尝试了很多不同的方式，这在显示和功能上都是最一致的。

【解决方案2】：

我使用button 和span 添加了一个按钮修改jsfiddle

【讨论】：

现在你如何将它作为我的链接居中。
我修改了我的 jsfiddle jsfiddle.net/QaFTc/7。我在按钮父级上使用文本对齐中心（在 div 内移动按钮）。
按钮标签的问题：“检测到有潜在危险的 Request.Form 值”，因为 IE6 在按钮内提交了 html，在我的例子中，按钮中有 html 标签。”来自@ 987654323@