HTML/CSS yazı parçasını yeni satırda yazma kodu kullanımı örneği (CSS write on the new row of the word parts code usage example)

HTML sayfanızda yazı uzun geliyor ve taşma yapıyorsa, harf dizinizi(string) yeni satırda yazmak istiyorsanız aşağıdaki CSS i kullanarak bu yazının belli parçasını yeni satırda yazarak sorununuzu aşabilirsiniz.

.dividedWord {
	word-wrap: break-word;
	max-width: 200px;
}

Aşağıdaki örnek kodu .html dosyası şeklinde kaydedip çalıştırdığınızda ekranınızda farkı görebileceksiniz.

<!DOCTYPE html>
<html>
<head>
	<title> CSS word-wrap break-word | CSS sözcük kaydırma kelime kırma | www.yazilimcity.net</title>
	<meta charset="UTF-8">

	<style type="text/css">
		.dividedWord {
			word-wrap: break-word;
			max-width: 150px;
		}
	</style>
</head>
<body>

<div class="dividedWord" style="border-color: blue; border-width: 5px; border-style: solid; max-width: 150px;">
abcçdefghıijklmnoöprsştuüvyz aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa aaaaaaaaaa
</div>
<br>
<div class="" style="border-color: blue; border-width: 5px; border-style: solid; max-width: 150px;">
abcçdefghıijklmnoöprsştuüvyz aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa aaaaaaaaaa
</div>

<footer>
	<b>
		<address>
			<a href="http://www.yazilimcity.net">www.yazilimcity.net</a>
		</address>
	</b>
</footer>
</body>
</html>
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

1 Comment

  1. xclass says: Reply

    gerçekten ihtiyaç duymuştum ama ararken zorluk çektim taglarınıza textbox veya textarea ve css sözcük kaydır ma die eklerseniz bulunmasında cok cok yardımcı olacaktır teşekkürler bilginiz için.

Leave a Reply


*