■ ■ ■ Cssの小技の紹介 ■ ■ ■
このページでは、不定期ですが新しく、便利な小技の紹介を致します。
05/15 URLや英数字の長文を途中で改行させる方法
アドレス https://us04web.zoom.us/j/74971400909?pwd=XXXXXXXXXX
このような英文長文はhtml文法上、原則途中改行禁止となっていますので、スマホモードの時はワイド幅を無視して オーバーフロー表示します。
このような時はCSSでリンク表示英文部分にたいして、ワードラップブレークを指定します。
アドレス https://us04web.zoom.us/j/74971400909?pwd=XXXXXXXXXX
cssは
.eibun{overflow-wrap:break-word;word-wrap:break-word}
05/18 スマホ時のみ電話番号クリックで電話発信できるようにする
webサポートサイト管理者へTEL
PC時には、オンマウスしてもリンクは無効です。
スマホ時のみ、ロングタップすると、電話モードになります。
cssは
a[href*="tel:"] {pointer-events: none;}
@media only screen and (max-width: 480px) {a[href*="tel:"] {pointer-events: initial;}}