简单代码实现正方形：

1

div{padding: 50%}

应用案例：
很多移动端app头图1:1，屏幕尺寸大小不固定，让所有的屏幕大小下都是正方形。

1
2
3
4
5
6

<div class="container">
	<div class="example">
		<h2>hello</h2>
		<h4>other info</h4>
	</div>
</div>

HTML的表格渲染很特殊，当单元格的内容过长，就会自动换行，导致表格的显示很凌乱。
只要添加2行css代码就可以解决这个问题。

1. 对table元素，应用css代码：

   1 2 3 4

   /*让文本在同一行继续*/ table{ white-space:nowrap }

2. 给table的父元素添加样式：

   1 2 3

   .table-wraper{ overflow:auto; }