八、文字

一、英文软连字符换行

　　HTML:

　　　　<p> The only way to get rid of a tempta-tion is on yield to it.</p>

　　CSS:

　　　　hyphens: auto;

 

二、英文符号"&"优化

　　HTML:　　

　　　　HTML<span class="amp">&amp;</span>CSS

　　CSS:

　　　　.amp {

　　　　　　font-family: Baskerville, "Goudy Old Style", Garamond, Palatino, serif;

　　　　　　font-style: italic;

　　　　}

　　　　

 三、文字垂直居中

　　CSS：

　　　　main {

　　　　　　display: flex;

　　　　　　align-items: center;

　　　　　　justify-content: center;

　　　　　　width: 200px;

　　　　　　height: 100px;

　　　　　　background: #333;

　　　　}