{"id":299,"date":"2013-11-08T16:54:00","date_gmt":"2013-11-08T16:54:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/11\/08\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/"},"modified":"2013-11-08T16:54:00","modified_gmt":"2013-11-08T16:54:00","slug":"ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3","status":"publish","type":"post","link":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/","title":{"rendered":"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3"},"content":{"rendered":"\n<p>Thu\u1ed9c t\u00ednh word-wrap d\u00f9ng \u0111\u1ec3 ng\u1eaft nh\u1eefng t\u1eeb qu\u00e1 d\u00e0i, m\u00e0 n\u1ebfu b\u1ea1n kh\u00f4ng d\u00f9ng \u0111\u1ebfn n\u00f3 s\u1ebd g\u00e2y ra t\u00ecnh tr\u1ea1ng ph\u00e1 v\u1ee1 layout (b\u1ed1 c\u1ee5c) c\u1ee7a trang.<\/p>\n\n\n\n<p>C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 hi\u1ec3u thu\u1ed9c t\u00ednh n\u00e0y l\u00e0 th\u00f4ng qua v\u00ed d\u1ee5, ch\u1eb3ng h\u1ea1n t\u00f4i c\u00f3 m\u1ed9t danh s\u00e1ch c\u00e1c t\u00ean mi\u1ec1n \u01b0a th\u00edch nh\u01b0 sau:<\/p>\n\n\n\n<div style=\"border: 3px solid aqua; padding: 5px; width: 120px; word-wrap: normal;\">1.vnexpress.net<br>2.dantri.vn<br>3.www.google.com<br>4.www.freehost.page<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>B\u1ea1n d\u1ec5 d\u00e0ng th\u1ea5y t\u00ean mi\u1ec1n www.freehost.page b\u1ecb tr\u00e0n ra kh\u1ecfi layout, s\u1edf d\u0129 nh\u01b0 v\u1eady v\u00ec n\u00f3 d\u00e0i h\u01a1n chi\u1ec1u r\u1ed9ng c\u1ee7a box ch\u1ee9a n\u00f3. \u0110\u1ec3 kh\u1eafc ph\u1ee5c t\u00ecnh tr\u1ea1ng n\u00e0y ta d\u00f9ng word-wrap v\u1edbi gi\u00e1 tr\u1ecb l\u00e0 break-word, code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"border: 3px solid aqua; padding: 5px; width: 120px; word-wrap: break-word;\">\n1.vnexpress.net&lt;br \/>\n2.dantri.vn&lt;br \/>\n3.www.google.com&lt;br \/>\n4.www.freehost.page\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3:<\/p>\n\n\n\n<div style=\"border: 3px solid aqua; padding: 5px; width: 120px; word-wrap: break-word;\">1.vnexpress.net<br>2.dantri.vn<br>3.www.google.com<br>4.www.freehost.page<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Nh\u01b0 b\u1ea1n \u0111\u00e3 th\u1ea5y, m\u1ed9t t\u1eeb d\u00e0i \u0111\u00e3 kh\u00f4ng c\u00f2n tr\u00e0n ra ngo\u00e0i n\u1eefa m\u00e0 b\u1ecb ng\u1eaft r\u1ed3i xu\u1ed1ng d\u00f2ng k\u1ebf ti\u1ebfp (b\u00ecnh th\u01b0\u1eddng th\u00ec kh\u00f4ng th\u1ec3 ng\u1eaft \u0111\u01b0\u1ee3c, v\u00ec n\u00f3 thu\u1ed9c v\u1ec1 c\u00f9ng m\u1ed9t t\u1eeb)<\/p>\n\n\n\n<p>Ngo\u00e0i gi\u00e1 tr\u1ecb break-word, c\u00f2n c\u00f3 gi\u00e1 tr\u1ecb kh\u00e1c l\u00e0 normal. Gi\u00e1 tr\u1ecb normal l\u00e0 d\u1ea1ng m\u1eb7c \u0111\u1ecbnh, t\u1ee9c l\u00e0 t\u1eeb qu\u00e1 d\u00e0i s\u1ebd tr\u00e0n ra kh\u1ecfi layout.<\/p>\n\n\n\n<p>C\u00fa ph\u00e1p t\u1ed5ng qu\u00e1t:\u00a0<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>word-wrap: normal | break-word; <\/code><\/pre>\n\n\n\n<p>D\u0129 nhi\u00ean l\u00e0 b\u1ea1n ch\u1ec9 \u0111\u01b0\u1ee3c ch\u1ecdn m\u1ed9t trong 2 gi\u00e1 tr\u1ecb th\u00f4i nh\u00e1, ho\u1eb7c l\u00e0 normal, ho\u1eb7c l\u00e0 break-word.<\/p>\n\n\n\n<p>C\u00e2u h\u1ecfi: li\u1ec7u c\u00f2n c\u00e1ch n\u00e0o \u0111\u1ec3 tr\u00e1nh tr\u00e0n trong di\u1ec7n t\u00edch h\u1eb9p nh\u01b0 v\u1eady kh\u00f4ng?<\/p>\n\n\n\n<p>C\u00e2u tr\u1ea3 l\u1eddi l\u00e0 c\u00f3. B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng <a href=\"https:\/\/kiencang.net\/thuoc-tinh-overflow-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">thu\u1ed9c t\u00ednh overflow<\/a>. Ch\u1eb3ng h\u1ea1n t\u00f4i c\u00f3 th\u1ec3 s\u1eeda h\u1ed9p tr\u00ean nh\u01b0 sau:<\/p>\n\n\n\n<div style=\"border: 3px solid aqua; overflow: auto; padding: 5px; width: 120px; word-wrap: normal;\">1.vnexpress.net<br>2.dantri.vn<br>3.www.google.com<br>4.www.freehost.page<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Tuy nhi\u00ean nh\u01b0 b\u1ea1n \u0111\u00e3 bi\u1ebft (ho\u1eb7c b\u00e2y gi\u1edd s\u1ebd bi\u1ebft) \u0111\u1ed1i v\u1edbi ng\u01b0\u1eddi d\u00f9ng th\u00ec thanh cu\u1ed9n d\u1ecdc ho\u00e0n to\u00e0n OK nh\u01b0ng h\u1ecd kh\u00f4ng \u01b0a thanh cu\u1ed9n ngang cho l\u1eafm. V\u00ec v\u1eady&nbsp;word-wrap v\u1eabn h\u1eefu \u00edch h\u01a1n trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thu\u1ed9c t\u00ednh word-wrap d\u00f9ng \u0111\u1ec3 ng\u1eaft nh\u1eefng t\u1eeb qu\u00e1 d\u00e0i, m\u00e0 n\u1ebfu b\u1ea1n kh\u00f4ng d\u00f9ng \u0111\u1ebfn n\u00f3 s\u1ebd g\u00e2y ra t\u00ecnh tr\u1ea1ng ph\u00e1 v\u1ee1 layout (b\u1ed1 c\u1ee5c) c\u1ee7a trang. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 hi\u1ec3u thu\u1ed9c t\u00ednh n\u00e0y l\u00e0 th\u00f4ng qua v\u00ed d\u1ee5, ch\u1eb3ng h\u1ea1n t\u00f4i c\u00f3 m\u1ed9t danh s\u00e1ch c\u00e1c t\u00ean mi\u1ec1n \u01b0a th\u00edch &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Thu\u1ed9c t\u00ednh word-wrap d\u00f9ng \u0111\u1ec3 ng\u1eaft nh\u1eefng t\u1eeb qu\u00e1 d\u00e0i, m\u00e0 n\u1ebfu b\u1ea1n kh\u00f4ng d\u00f9ng \u0111\u1ebfn n\u00f3 s\u1ebd g\u00e2y ra t\u00ecnh tr\u1ea1ng ph\u00e1 v\u1ee1 layout (b\u1ed1 c\u1ee5c) c\u1ee7a trang. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 hi\u1ec3u thu\u1ed9c t\u00ednh n\u00e0y l\u00e0 th\u00f4ng qua v\u00ed d\u1ee5, ch\u1eb3ng h\u1ea1n t\u00f4i c\u00f3 m\u1ed9t danh s\u00e1ch c\u00e1c t\u00ean mi\u1ec1n \u01b0a th\u00edch &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-08T16:54:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/","og_locale":"vi_VN","og_type":"article","og_title":"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Thu\u1ed9c t\u00ednh word-wrap d\u00f9ng \u0111\u1ec3 ng\u1eaft nh\u1eefng t\u1eeb qu\u00e1 d\u00e0i, m\u00e0 n\u1ebfu b\u1ea1n kh\u00f4ng d\u00f9ng \u0111\u1ebfn n\u00f3 s\u1ebd g\u00e2y ra t\u00ecnh tr\u1ea1ng ph\u00e1 v\u1ee1 layout (b\u1ed1 c\u1ee5c) c\u1ee7a trang. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 hi\u1ec3u thu\u1ed9c t\u00ednh n\u00e0y l\u00e0 th\u00f4ng qua v\u00ed d\u1ee5, ch\u1eb3ng h\u1ea1n t\u00f4i c\u00f3 m\u1ed9t danh s\u00e1ch c\u00e1c t\u00ean mi\u1ec1n \u01b0a th\u00edch &hellip;","og_url":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-11-08T16:54:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/","url":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/","name":"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-11-08T16:54:00+00:00","dateModified":"2013-11-08T16:54:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/ngat-dong-tu-dong-voi-thuoc-tinh-word-wrap-trong-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Ng\u1eaft d\u00f2ng t\u1ef1 \u0111\u1ed9ng v\u1edbi thu\u1ed9c t\u00ednh word-wrap trong CSS3"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/299"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/299\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}