Bazen web sayfanıza yapıştırdığınız veya mail ile gönderdiğiniz linkler uzun olduğu için sayfanızın tasarımını bozar ve size sorun olur. Bunu çözmek için aşağıdaki kodu inceleyebilirsiniz.
Bu çalışmada sadece css ile yapılıyor.
/* Aşağıdaki stili stil dosyanıza ekleyin */
.yazi {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
Örnek çalışan bir uygulama için buraya bakabilirsiniz. Buraya 200 karakterli bir kod üretmesini isteyin. Örnek çalışmayı görün
Kaynak: css-tricks.com