囲み枠の中に

ブログカードでリンクを貼ると

記事欄からはみ出ていた!

ということはありませんか?

 

 

例えば

 

はみ出ています^^;

 

 

原因は

サイズが変わるブログカードに合わせて

囲み枠(サイズが変わるタイプ)が

伸びてしまっているから。

 

 

これを防ぐには

<div style="display:inline-block;padding:20px;background:url(https://stat.ameba.jp/user_images/20200911/19/atelier-plume-net/47/67/g/o0041004114817943793.gif);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #E8F8FA;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

display:inline-block; を削除します。

 

 

こうなります。

↓ ↓ ↓

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20200911/19/atelier-plume-net/47/67/g/o0041004114817943793.gif);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #E8F8FA;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

囲み枠が

ブログ幅までのサイズになるので

はみ出ません^^

 

 

 

もし

「囲み枠がうまく入らない!」

という場合はコメントにでも

お気軽にご連絡くださいね!

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠