スマホの続きを読むを小さくして、右端に寄せたい

PR 2017/7/10

このトピックには4件の返信、2人の参加者があり、最後にわいひらにより9年、 2ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2017年7月10日 11:04 AM #53762
  
  シャイ
  ゲスト
  
  アドセンスでインフィード広告が出たのでトップページの続きを読むをそれに似たデザインにしようと思いCSSを調節したのですが、PCの方は案外すんなりできたのですがスマホの方が何故か出来ません。
  
  いろいろしてみたのですが続きを読むの幅を小さくすると左端によってしまい「text-align:right」を使ってみ右に寄りません…。
  
  それさえ出来ればpaddingやmarginは自分出来ると思うので、スマホの続きを読むを右端に寄せる方法を教えていただけませんか？
  
  サイトURL→https://sinsin-kenkou.net
- 2017年7月10日 3:10 PM #53763
  かうたっく
  ゲスト
  「text-align:right」を使ってみ右に寄りません…。
  
  そのエリアに改行を必要とする指定blockの指定があるからです。※おまけに領域一体がリンクになる指定
  改行が必要でないinline-blockを指定すれば、反映しますよ。
```
@media screen and (max-width:500px) {
	.entry-card .entry-read a,
	.related-entry .related-entry-read a {
		display: inline-block;
	}
}
```
- 2017年7月10日 3:37 PM #53766
  
  シャイ
  ゲスト
  
  かうたっくさん、ありがとうございました！
  
  思い通りのデザインになりました！
  
  CSSは難しいなと思いました(笑)
- 2017年7月10日 3:46 PM #53767
  
  かうたっく
  ゲスト
  
  その領域を囲っている親要素divを確認すると、原因がわかったりします。やっぱり難しいですよねぇ
  
  でも思い通りになって良かったです！お疲れさまでした＾＾
- 2017年7月10日 6:23 PM #53772
  
  わいひら
  キーマスター
  
  かうたっくさん、ありがとうございます！
投稿者

投稿

4件の返信スレッドを表示中

トピック「スマホの続きを読むを小さくして、右端に寄せたい」には新しい返信をつけることはできません。