<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>css-3Blog &#187; ie</title>
	<atom:link href="http://www.css-3.hu/tag/ie/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.css-3.hu</link>
	<description>Ez a blog elsősorban a CSS 3-ról szól, amely a CSS stílusleíró nyelv legújabb verziója.</description>
	<lastBuildDate>Wed, 16 Mar 2011 17:25:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS 3 word-wrap</title>
		<link>http://www.css-3.hu/2009/10/css-3-word-wrap/</link>
		<comments>http://www.css-3.hu/2009/10/css-3-word-wrap/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 19:37:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Nincs kategorizálva]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[CSS3 példa]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[word-wrap]]></category>

		<guid isPermaLink="false">http://www.css-3.hu/?p=147</guid>
		<description><![CDATA[Köztudott, hogy a Microsoft nem igazán jár élen sem a CSS 3 szabvány alakításában sem pedig az adaptációjában. De kivétel erősíti a szabályt, ahogy mondják, ugyanis most egy olyan CSS 3 újításról lesz szó, amelyet a Microsoft javasolt, így azt még az Internet Explorer is támogatja.
Ez a tulajdonság a word-wrap, amely a hosszú szavak problémáját [...]]]></description>
			<content:encoded><![CDATA[<p>Köztudott, hogy a Microsoft nem igazán jár élen sem a CSS 3 szabvány alakításában sem pedig az adaptációjában. De kivétel erősíti a szabályt, ahogy mondják, ugyanis most egy olyan CSS 3 újításról lesz szó, amelyet a Microsoft javasolt, így azt még az Internet Explorer is támogatja.</p>
<p><span id="more-147"></span>Ez a tulajdonság a <em>word-wrap</em>, amely a hosszú szavak problémáját hivatott megoldani. Segítségével azok a szavak, amelyek hosszabbak, mint amilyen széles az őket tartalmazó entitás, nem lógnak ki, hanem &#8220;betördelődnek&#8221; a rendelkezésre álló helyre.</p>
<p>Ezt kapjuk <em>word-wrap</em> nélkül, vagy a <em>word-wrap: normal;</em> beállítással:</p>
<div style="border-style: solid; width: 100px;">Ez_egy_nagyon_hosszú_szó!</div>
<p>Ezt pedig akkor, ha a <em>word-wrap: break-word;</em> beállítást használjuk.</p>
<div style="border-style: solid; width: 100px; word-wrap: break-word;">Ez_egy_nagyon_hosszú_szó!</div>
<p>Megtörni egy szót az elválasztási szabályok figyelmen kívül hagyásával persze nem szerencsés, de általában még mindig jobb megoldás, mint hagyni, hogy a szépen megtervezett weboldalunkon egy ilyen csúnya sebhely éktelenkedjen, mint amilyet az első változat okoz. Persze mindennek akkor van leginkább értelme, ha a tartalom változik az oldalon &#8211; mondjuk fájlból vagy adatbázisból olvasunk be -, így nem tudhatjuk előre, milyen hosszú lesz a leghosszabb szó. De ne felejtsük el, hogy még egy statikus oldalt is &#8220;elronthat&#8221; a látogató, ha ki vagy be zoom-ol böngészője segítségével, tehát a beállítás még ilyenkor sem teljesen haszontalan.</p>
<p>Az Internet Exploreren kívül támogatja még a Firefox, a Safari és a Chrome, sajnos az Opera nem.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.css-3.hu/2009/10/css-3-word-wrap/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

