鎌倉の市民活動を支える仲間たちのweb相互サポートサイト

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;}}


npo

NPO-Center

sns

Facebook

ブログ

Canpan-Blog

メール

E-Mail

会議

Tel-meeting

TOP