0

このブロック要素を中央に水平に配置しようとしていますが、同時に、内部のコンテンツの幅を可能な限り最小にしたいと考えています。でも、それは無理だと思うし、自分では出来ない…。

a#button-link {
    background: url("images/button-link.png") no-repeat scroll center left;
    margin: 12px auto 0 auto;
    display: block;
    width: 125px;
    height: 32px;
    line-height: 32px;
    padding-left: 35px;
    font-weight: bold;
}

これは私の現在のコードです...この背後にある考え方は、そのタグのテキストは、ユーザーの言語と、その特定のユーザーの言語に対して同じ文に含まれる文字数に応じて、わずかに大きくまたは小さくなる可能性があるということです。私が制御できる方法はありませんが、この要素を水平方向に中央に揃えたいと思っています。

これはCSSで可能ですか？

4

1 に答える 1

3

を使用しdisplay:tableます。

アップデート

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>display:table</title>
<style>
div
    {
        display:            table;
        border-collapse:    collapse;
        border:             1px solid #950;
        margin:             100px auto;
    }
* html div
    { /* IE 6. If anybody finds a good solution for IE 7: Tell me! */
        width:              .1em;
    }
* + html div
    { /* IE 7 Hack. Not perfect. */
        float:              left;
        margin:             100px auto 100px 45%;
    }
</style>

<div>Some Text.</div>

ライブデモ

于 2010-04-01T22:14:12.783 に答える