标签:
本文部分内容转载自:http://www.html5tricks.com/why-not-table-layout.html
刚刚接触html的时候,利用table进行页面布局是比较容易的。但是,在实际的项目开发过程中,我们不建议用table进行布局,原因如下:
table的好处
在某些场合,使用table是完全合适、恰当和准确的。比如用table做表格。如果无法判断是否应该使用table,请问自己几个问题:
如果答案仅仅是“我猜……也许不是”,那么就不应该用table。更多信息请参考“为什么用table布局不如HTML+CSS”。
不用table怎样让两个span显示在同一行
在进行HTML+CSS布局的时候,经常会遇到需要将控件(span、div等)放到同一行的情况,参考下面的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> <title>Insert title here</title> <style type="text/css"> div { width: 24px; overflow-x:hidden; white-space: nowrap; } span { width: 15px; display:inline-block; border-style:solid; border-width:1px; } </style> </head> <body> <div> <span></span><span></span> </div> </body> </html>
标签:
原文地址:http://www.cnblogs.com/urwlcm/p/4330276.html