# css居中 ## 實現居中的幾種放方式  margin:0 auto; width:150px ``` <pre class="calibre13">``` 就必須給標簽配上指定的寬度 ``` ``` # body里面div居中 ``` <pre class="calibre13">``` body<span class="token1">{</span> dispaly<span class="token1">:</span>grid<span class="token1">,</span> place<span class="token">-</span>items<span class="token1">:</span>center <span class="token1">}</span> dic<span class="token1">{</span> width<span class="token1">:</span><span class="token5">200</span>px height<span class="token1">:</span><span class="token5">200</span>px backgroud<span class="token1">:</span>red <span class="token1">}</span> ``` ``` # 文字超出div 超出部分隱藏 ``` <pre class="calibre13">``` overflow：auto <span class="token6">//有滾動條效果</span> overflow：hidden <span class="token6">// 超出部分隱藏</span> clip<span class="token">-</span>path：屬性值 <span class="token6">// 繪制其他形狀</span> ``` ``` # 設置占位原形 ``` <pre class="calibre14">``` clip<span class="token">-</span>path：circle（） <span class="token6">// 圓形 但是占位還是方形</span> shape<span class="token">-</span>outside：circle（）<span class="token6">//增加這個屬性 占位都變成了圓形</span> ``` ```