今天繼續(xù)是總結(jié)我學(xué)習(xí)、做作業(yè)過(guò)程中遇到的問(wèn)題和我的解決方法。
這次重點(diǎn)總結(jié)頁(yè)面的布局。有幾次作業(yè)由于一開(kāi)始的布局思路不對(duì)而造成了很多問(wèn)題，所以我建議大家在做一個(gè)網(wǎng)頁(yè)的時(shí)候，尤其是客戶(hù)只給了一張圖片讓你參考的時(shí)候一定要首先盡可能構(gòu)思出這個(gè)頁(yè)面的布局方案，我在作業(yè)過(guò)程中經(jīng)常會(huì)用到的就是表格和div。
例如在登錄注冊(cè)的表單中，往往為了頁(yè)面好看我們需要表單的文字部分對(duì)齊，這個(gè)時(shí)候用表格內(nèi)嵌表單是個(gè)不錯(cuò)的方法。因?yàn)楸韱挝淖钟虚L(zhǎng)有短，我們可以讓這些文字在表格內(nèi)向右對(duì)齊。例如：
<table><!-- 表格內(nèi)嵌入賬號(hào)密碼表單 -->
<tr>
<td class="right">賬號(hào)：</td> <td><input type=text> </td>
</tr>

<tr>
<td class="right">密碼：</td> <td><input type=password> </td>
</tr>
<table>

<style>
.right{
text-align:right; <!-- 文字部分設(shè)置為向右對(duì)齊 -->
}

</style>

這樣，如果再給文字部分加上lable標(biāo)簽，表單看起來(lái)就比較整齊好看。
最后說(shuō)一下注意事項(xiàng)，頁(yè)面布局用表格其實(shí)局限性比較大，因?yàn)楸砀竦膶傩允侨绻砀駜?nèi)容超過(guò)了表格大小，那么就會(huì)導(dǎo)致整個(gè)表格變形，所以一般用于表格內(nèi)容比較穩(wěn)定的一些頁(yè)面，比如登錄、注冊(cè)和菜單。這些頁(yè)面的內(nèi)容都比較固定。其他內(nèi)容變化大的建議用div或者span加上css布局。
<!-- <div style="margin:0 auto"></div>這能讓整個(gè)div居中顯示 -->

轉(zhuǎn)載于:https://www.cnblogs.com/deoem/p/5732665.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的2016/8/1的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。