----------------------------------------CSS的div和span的区别-----------------------------------------
div和span
div和span是html中块级元素,是层叠样式表中的定位技术。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div{ font-family:宋体; font-size:20px; font-weight:bold; background-color:#FFFF00; width:200px; height:200px; text-align:center; } </style> </head> <body> <div>www.rlteach.com</div> </body> </html>
|
--------------------------------------------------Div和span的区别--------------------------------
div自动的换行,span不换行
代码示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div{ font-family:宋体; font-size:20px; font-weight:bold; background-color:#FFFF00; width:200px; height:200px; text-align:center; } </style> </head> <body> <h1>div自动换行</h1> <div><img src="fj.jpg"></div> <div><img src="fj.jpg"></div> <div><img src="fj.jpg"></div> <h1>span不自动换行</h1> <span><img src="fj.jpg"></span> <span><img src="fj.jpg"></span> <span><img src="fj.jpg"></span> </body> </html>
|
--------------------------------------------------