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!