html的一些记录

html页面通过id在页面内跳转

<div class="links">
	<ul>
		<li><a href="#a1">jump to a1</a></li>
		<li><a href="#a2">jump to a2</a></li>
		<li><a href="#a3">jump to a3</a></li>
	</ul>
</div>
<div id="a1">a1</div>
<div id="a2">a2</div>
<div id="a3">a3</div>

table表格宽度固定，需td内容过长也不会被撑开时，设置如下css：

table{table-layout:fixed;word-break:break-all;}

table 表格 td 长度固定、内容过长、超过部分设置

首先设置 table：

<table width='100%' border='0' cellspacing='0' cellpadding='0' class='mytable' style='table-layout: fixed'>;

td 方式一：（自动换行）

<td colspan='3' style='word-wrap: break-word'>mail</td>

td 方式二：（省略号代替）

.mytable tr td {
    /* for IE */  
    text-overflow: ellipsis;
    /* for Firefox,mozilla */ 
    -moz-text-overflow: ellipsis;
    overflow: hidden;  
    white-space: nowrap;  
    text-align: left  
}  

Flexbox Layout

https://www.softwhy.com/article-10038-1.html

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html