HTML v\u00e0 CSS<\/span> ngo\u00e0i ra l\u00e0 c\u00e1c th\u1ee7 thu\u1eadt Blog kh\u00e1c.<\/p>\n\n\n\n
\n\n\n\nV\u1eady l\u00e0 thay v\u00ec hi\u1ec3n th\u1ecb tr\u00ean c\u00f9ng d\u00f2ng, ch\u00fang \u0111\u00e3 b\u1ecb ng\u1eaft ra th\u00e0nh c\u00e1c kh\u1ed1i kh\u00e1c nhau.<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
a, span {\n display: block;\n}<\/code><\/pre>\n\n\n\nTi\u1ebfp theo ch\u00fang ta s\u1ebd th\u1ef1c h\u00e0nh xem gi\u00e1 tr\u1ecb none<\/code> <\/em>s\u1ebd l\u00e0m th\u1ebb bi\u1ebfn m\u1ea5t \u0111i nh\u01b0 th\u1ebf n\u00e0o, ch\u1eb3ng h\u1ea1n ta c\u00f3 3 div theo th\u1ee9 t\u1ef1 nh\u01b0 sau:<\/p>\n\n\n\n\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
Gi\u1edd n\u1ebfu t\u00f4i \u0111\u1ec3 gi\u00e1 tr\u1ecb display: none;<\/code> <\/i>cho h\u1ed9p th\u1ee9 hai (c\u1ee5 th\u1ec3 l\u00e0 th\u1ebb div) th\u00ec k\u1ebft qu\u1ea3 c\u1ee7a n\u00f3 s\u1ebd nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n
\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
Nh\u01b0 b\u1ea1n \u0111\u00e3 th\u1ea5y, h\u1ed9p th\u1ee9 hai \u0111\u00e3 bi\u1ebfn m\u1ea5t, v\u00e0 h\u1ed9p th\u1ee9 ba \u0111\u01b0\u1ee3c \u0111\u1ea9y l\u00ean th\u1ebf ch\u1ed7 nh\u01b0 l\u00e0 ch\u01b0a t\u1eebng c\u00f3 h\u1ed9p th\u1ee9 hai v\u1eady.<\/p>\n\n\n\n
Ch\u00fang ta l\u00e0m v\u00ed d\u1ee5 kh\u00e1c, l\u1ea7n n\u00e0y t\u00f4i s\u1ebd l\u00e0m bi\u1ebfn m\u1ea5t ch\u1eef.<\/p>\n\n\n\n
Gi\u1ea3 d\u1ee5 t\u00f4i s\u1ebd l\u00e0m bi\u1ebfn m\u1ea5t \u0111o\u1ea1n m\u00e0u xanh n\u00e0y<\/span>, trong khi v\u1eabn gi\u1eef \u0111o\u1ea1n m\u00e0u \u0111\u1ecf n\u00e0y<\/span>.<\/p>\n\n\n\nK\u1ebft qu\u1ea3:<\/p>\n\n\n\nGi\u1ea3 d\u1ee5 t\u00f4i s\u1ebd l\u00e0m bi\u1ebfn m\u1ea5t \u0111o\u1ea1n m\u00e0u xanh n\u00e0y<\/span>, trong khi v\u1eabn gi\u1eef \u0111o\u1ea1n m\u00e0u \u0111\u1ecf n\u00e0y.<\/span>\n\n\n\n
\n\n\n\nCode m\u1eabu:<\/p>\n\n\n\n
Gi\u1ea3 d\u1ee5 t\u00f4i s\u1ebd l\u00e0m bi\u1ebfn m\u1ea5t \u0111o\u1ea1n <span style=\"color: blue; display: none;\">m\u00e0u xanh n\u00e0y<\/span>, trong khi v\u1eabn gi\u1eef \u0111o\u1ea1n <span style=\"color: red;\">m\u00e0u \u0111\u1ecf n\u00e0y<\/span><\/code><\/pre>\n\n\n\nC\u00f3 b\u1ea1n h\u1ecfi t\u00f4i, n\u1ebfu d\u00f9ng visibility: hidden;<\/code><\/i> c\u0169ng l\u00e0m th\u1ebb bi\u1ebfn m\u1ea5t nh\u01b0 l\u00e0 display: none; <\/code><\/i>V\u1eady th\u00ec ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o?<\/p>\n\n\n\nT\u00f4i s\u1ebd tr\u1ea3 l\u1eddi b\u1eb1ng v\u00ed d\u1ee5 minh h\u1ecda, v\u1eabn d\u00f2ng tr\u00ean nh\u01b0ng d\u00f9ng visibility: hidden;<\/code> <\/i>s\u1ebd cho c\u00e1ch hi\u1ec3n th\u1ecb nh\u01b0 n\u00e0y:<\/p>\n\n\n\nGi\u1ea3 d\u1ee5 t\u00f4i s\u1ebd l\u00e0m bi\u1ebfn m\u1ea5t \u0111o\u1ea1n m\u00e0u xanh n\u00e0y<\/span>, trong khi v\u1eabn gi\u1eef \u0111o\u1ea1n m\u00e0u \u0111\u1ecf n\u00e0y<\/span><\/p>\n\n\n\nB\u1ea1n \u0111\u00e3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t?<\/p>\n\n\n\n
V\u00e2ng, t\u00f4i ngh\u0129 l\u00e0 b\u1ea1n \u0111\u00e3 th\u1ea5y, n\u1ebfu d\u00f9ng visibility: hidden;<\/code> <\/i>th\u1ebb bi\u1ebfn m\u1ea5t nh\u01b0ng v\u1ecb tr\u00ed c\u1ee7a n\u00f3 v\u1eabn c\u00f2n, t\u1ee9c l\u00e0 n\u00f3 \u0111\u1ec3 l\u1ea1i kho\u1ea3ng tr\u1ed1ng (cho ng\u01b0\u1eddi \u1edf l\u1ea1i!) nh\u01b0ng display: none;<\/code> <\/i>th\u00ec bi\u1ebfn m\u1ea5t \u0111\u1ed3ng th\u1eddi c\u1ea3 v\u1ecb tr\u00ed c\u0169ng m\u1ea5t lu\u00f4n.<\/p>\n\n\n\nV\u1ec1 m\u1eb7t \u1ee9ng d\u1ee5ng th\u1ef1c t\u1ebf, thu\u1ed9c t\u00ednh display<\/code> hay \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0m menu x\u1ed5<\/a>, c\u00e1c hi\u1ec7u \u1ee9ng \u1ea9n hi\u1ec7n kh\u00e1 \u0111\u1eb9p m\u1eaft…<\/p>\n","protected":false},"excerpt":{"rendered":"Thu\u1ed9c t\u00ednh display trong css quy \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a m\u1ed9t th\u1ebb trong t\u01b0\u01a1ng quan v\u1edbi c\u00e1c th\u1ebb, \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1c xung quanh, c\u00f3 3 c\u00e1ch hi\u1ec3n th\u1ecb ch\u00ednh: inline: ngh\u0129a l\u00e0 hi\u1ec3n th\u1ecb tr\u00ean c\u00f9ng m\u1ed9t d\u00f2ng, ch\u00fang ta c\u00f3 th\u1ec3 k\u1ec3 t\u00ean c\u00e1c th\u1ebb trong HTML l\u00e0 inline, bao g\u1ed3m: th\u1ebb b, …<\/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":"\n
C\u00e1ch d\u00f9ng thu\u1ed9c t\u00ednh display trong CSS • Ki\u1ebfn c\u00e0ng<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n","yoast_head_json":{"title":"C\u00e1ch d\u00f9ng thu\u1ed9c t\u00ednh display trong CSS • 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\/cach-dung-thuoc-tinh-display-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch d\u00f9ng thu\u1ed9c t\u00ednh display trong CSS • Ki\u1ebfn c\u00e0ng","og_description":"Thu\u1ed9c t\u00ednh display trong css quy \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a m\u1ed9t th\u1ebb trong t\u01b0\u01a1ng quan v\u1edbi c\u00e1c th\u1ebb, \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1c xung quanh, c\u00f3 3 c\u00e1ch hi\u1ec3n th\u1ecb ch\u00ednh: inline: ngh\u0129a l\u00e0 hi\u1ec3n th\u1ecb tr\u00ean c\u00f9ng m\u1ed9t d\u00f2ng, ch\u00fang ta c\u00f3 th\u1ec3 k\u1ec3 t\u00ean c\u00e1c th\u1ebb trong HTML l\u00e0 inline, bao g\u1ed3m: th\u1ebb b, …","og_url":"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-11-03T19:46: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":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/","url":"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/","name":"C\u00e1ch d\u00f9ng thu\u1ed9c t\u00ednh display trong CSS • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-11-03T19:46:00+00:00","dateModified":"2013-11-03T19:46:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch d\u00f9ng thu\u1ed9c t\u00ednh display trong CSS"}]},{"@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\/305"}],"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=305"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/305\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}