CSS跟Js一直是我心中的一根刺,这次决定把它拔掉,从最简单的样式开始学起吧!即使这东西,如果不经常用的话,忘得非常快,好吧,这好像是借口,过!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>当当</title> </head> <body> <a href="#" style="display:inline;width:100px;height:100px;background:#ccc;">链接一</a> <a href="#" style="display:inline;width:100px;height:100px;background:#ccc;">链接一</a> A默认就是一行,所以inline用在这里是废的。宽高度设置也是费的。 <a href="#" style="display:block;width:100px;height:100px;background:#ccc;">链接一</a> <a href="#" style="display:block;width:100px;height:100px;background:#ccc;">链接一</a> 块状,这里高宽度就生效了,但是因为是块状,前后有换行符,所以这是两行了。 <br> <a href="#" style="display:inline-block;width:100px;height:100px;background:#ccc;">链接一</a> <a href="#" style="display:inline-block;width:100px;height:100px;background:#ccc;">链接一</a> </body> </html>
直接贴代码,上图,更好理解
END!