html - 使宽度仅与需要的一样大

Question

CSS 似乎默认为 100%，但我希望它的宽度只需要包含填充即可:

http://jsfiddle.net/Bqebp/

.circle {
    border-radius: 50%;
    background: pink;
    padding: 10px;
    text-align: center;
    /* width and height can be anything, as long as they're equal */
}

我该如何实现？

Answer 1

这是您的 http://jsfiddle.net/Bqebp/1/

只需在您的 css 中添加 display:inline-block;