こんにちは、ピーターです。 最近はCSSをよく書いています。 例えば、1280pxの幅のページに、500pxの画像を横に3つ並べたいとします。 その時、「text-align: center;」したように中央に寄せる必要があるとします。 こんなイメージです。 これを実現するのは簡単です。 HTML: <div id="images"><!-- --><img src="left.png" /><!-- --><img src="center.png" /><!-- --><img src="right.png" /><!-- --></div> CSS: #images { width: 1500px; position: relative; left: 50%; margin-left: -750px; } これだけです。 まず、画像を3つ並べます。 img間の<!– –>は、img間の
![[CSS]背景画像を中央から相対指定する方法 » ブロードヒューマンネットワーク社員ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/22d957856a39e082d1dc19dc094ecf7af0d49d69/height=288;version=1;width=512/http%3A%2F%2Fwww.bhnt.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F08%2F%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2015-08-25-11.20.35.png)