html - 悬停时宽度自动不起作用

Question

我正在创建一个 Web 应用程序，我需要在其中进行一些设计调整。请勾选这个http://jsfiddle.net/rkumarnirmal/5w3FG/9/

当我悬停时，它显示灰色边框。我需要的是让边框适合文本的宽度。我尝试设置 width:auto 但仍然无法正常工作，将边框显示为页面宽度大小。

我该怎么做？

谢谢!

Answer 1

将 text-preview 设置为 inline-block:

#text-preview {
    display:inline-block;
    zoom:1; /* if you need IE7 support */
}

Inline-block 将使元素呈现为内联而不是占据所有可用的水平空间，但允许您像 block 元素一样设置内部尺寸和填充。

请注意，IE7 不支持内联 block ，除非您强制使用 hasLayout 属性。最简单的方法是使用 zoom:1;。