2

つまり、他のタグを使用しないということです... 1 つのタグとそのための CSS だけです。

そう

http://jsfiddle.net/EqTsu/

<style>
  #test{
      width: 100px;
      height: 100px;
      text-align: center;
      border: solid 1px #ff0000;
    }
</style>

<div id='test'>foo</div>

垂直方向に中央揃えする必要がありますか?

以下の回答ごと

が必要だ

  display: table-cell;
  vertical-align: middle;
4

3 に答える 3

2

<div>はい、display: table-cell;プロパティを指定してからプロパティを指定する、一種のハックっぽい回避策がありvertical-align: middle;ます。

したがって、完全な CSS は次のようになります。

#test{
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  text-align: center;
  border: solid 1px #ff0000;
}

また、外部スタイルシートはあなたの友達です。

于 2012-08-02T18:25:04.807 に答える
1

コードを使用した jsFiddle は次のとおりです。

http://jsfiddle.net/EqTsu/2/

を追加display: table-cell;すると、要素が表のセルのように扱われ、表形式の CSS を使用できるようになりますvertical-align: middle;。

于 2012-08-02T18:27:51.887 に答える