HTML duyarlı,elastik div kodu kullanımı örneği (HTML responsive div code usage example)

HTML sayfanızda kullanıcı ekranına uyabilen tasarım için kullandığınız div elementinin yatay uzunluğunun esnek olması gerekmektedir. HTML içerisinde CSS ile bu işlemi aşağıdaki kod bloğundaki gibi “width” ve “float” stil özellikleri ile sağlayabilirsiniz. Bootstrap çözümü için buraya tıklayınız.


	<div style="width: 100%">
		<div style="width: 380px; float: left; border: 1px;">
			<span>span01</span>
		</div>
	</div>
	<div style="width: 100%">
		<div style="width: 380px; float: left; border: 1px;">
			<span>span03</span>
		</div>
	</div>
	<div style="width: 100%">
		<div style="width: 380px; float: left; border: 1px;">
			<span>span03</span>
		</div>
	</div>
	<div style="width: 100%">
		<div style="width: 380px; float: left; border: 1px;">
			<span>span04</span>
		</div>
	</div>
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*