点评:这篇文章主要介绍了如何利用css的样式对文本进行隐藏和显示等操作,需要的朋友可以参考下
j6HHTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> j6HHTML5中文学习网 - HTML5先行者学习网
<html> j6HHTML5中文学习网 - HTML5先行者学习网
<head> j6HHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> j6HHTML5中文学习网 - HTML5先行者学习网
<title>Insert title here</title> j6HHTML5中文学习网 - HTML5先行者学习网
<!--文本的显示和隐藏 --> j6HHTML5中文学习网 - HTML5先行者学习网
<style type="text/css"> j6HHTML5中文学习网 - HTML5先行者学习网
#div_2{ j6HHTML5中文学习网 - HTML5先行者学习网
display: inline; j6HHTML5中文学习网 - HTML5先行者学习网
} j6HHTML5中文学习网 - HTML5先行者学习网
#span_1{ j6HHTML5中文学习网 - HTML5先行者学习网
/* display:block; */ j6HHTML5中文学习网 - HTML5先行者学习网
visibility: hidden; j6HHTML5中文学习网 - HTML5先行者学习网
} j6HHTML5中文学习网 - HTML5先行者学习网
</style> j6HHTML5中文学习网 - HTML5先行者学习网
</head> j6HHTML5中文学习网 - HTML5先行者学习网
<body> j6HHTML5中文学习网 - HTML5先行者学习网
<div>div1</div> j6HHTML5中文学习网 - HTML5先行者学习网
<div id="div_2">div2</div> j6HHTML5中文学习网 - HTML5先行者学习网
<span id="span_1">span1</span> j6HHTML5中文学习网 - HTML5先行者学习网
<span>span2</span> j6HHTML5中文学习网 - HTML5先行者学习网
</body> j6HHTML5中文学习网 - HTML5先行者学习网
</html> j6HHTML5中文学习网 - HTML5先行者学习网