Title: スマホの画像が右に寄る
Last modified: 2021年11月27日

---

# スマホの画像が右に寄る

 *  解決済 [boobooluka](https://ja.wordpress.org/support/users/boobooluka/)
 * (@boobooluka)
 * [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/)
 * スマホで見たときに、画像が真ん中に来ないで、右にずれます。
    さんざんググって一通り
   試しましたが直りません。 以前作ったサイトをコピペしてベースにしているんですが、
   以前のサイトは普通に真ん中に来るのに、右に寄ります 直接　HTML側に<ul class=”box”
   align=”center” >　をやってもダメです。 ご教示ください。
 * WordPress 5.8.2
    ロリポップサーバー テーマ　独自 CSS body { overflow-x: hidden;-
   webkit-font-size-adjust: none; margin: 0px; padding: 0px; } html { margin: 0px;
   padding: 0px; }
 *     ```
       .box { 
        overflow: auto;
           width: 80%;
         margin-left: auto;
         margin-right: auto; 
           }
        .box img{
         display: block; 
           margin: 0 auto;
        }
       ```
   
 * HTML
 *     ```
       <ul class="box" >
       <li><a href="https://shj-co.com/kigyou"><img  src="https://shj-co.com/wp-content/themes/sample/images/menu_1.jpg" alt="" border="0" /></a></li>
       			   	<li><img class="pconly" src="https://shj-co.com/wp-content/themes/sample/images/space.gif" width="110" alt="" border="0"/></li>
       			   	<li><a href="https://shj-co.com/"><img  src="https://shj-co.com/wp-content/themes/sample/images/menu_2.jpg" alt="" border="0" /></a></li>
       </ul>
       ```
   

4件の返信を表示中 - 1 - 4件目 (全4件中)

 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/#post-11676547)
 * こんにちは
 * 下記 CSS ではどうでしょうか。
 *     ```
       .box {
       	padding-left: 0;
       }
       ```
   
 *  トピック投稿者 [boobooluka](https://ja.wordpress.org/support/users/boobooluka/)
 * (@boobooluka)
 * [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/#post-11676549)
 * うわー凄い、直りました。　ishitakaさん、
    ありがとうございます。 感謝します。
   これで長時間時間を費やしました。 それは気づきまんでした。
 * それにしても何で、
    margin: 0 auto;　や　 text-align: center; などがまったく反応
   しなかったのでしょう。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/#post-11676550)
 * padding 分の幅を含めた全体の幅でセンタリングされるので、ちょっと（padding の幅
   の半分分）右にズレます。
 *  トピック投稿者 [boobooluka](https://ja.wordpress.org/support/users/boobooluka/)
 * (@boobooluka)
 * [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/#post-11676551)
 * なるほど　ありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)

 トピック「スマホの画像が右に寄る」には新たに返信することはできません。

## タグ

 * [画像がずれる](https://ja.wordpress.org/support/topic-tag/%e7%94%bb%e5%83%8f%e3%81%8c%e3%81%9a%e3%82%8c%e3%82%8b/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4件の返信
 * 2人の参加者
 * 最後の返信者: [boobooluka](https://ja.wordpress.org/support/users/boobooluka/)
 * 最後の活動: [4年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%8c%e5%8f%b3%e3%81%ab%e5%af%84%e3%82%8b/#post-11676551)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック