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

</style>

這樣，如果再給文字部分加上lable標簽，表單看起來就比較整齊好看。
最后說一下注意事項，頁面布局用表格其實局限性比較大，因為表格的屬性是如果表格內(nèi)容超過了表格大小，那么就會導致整個表格變形，所以一般用于表格內(nèi)容比較穩(wěn)定的一些頁面，比如登錄、注冊和菜單。這些頁面的內(nèi)容都比較固定。其他內(nèi)容變化大的建議用div或者span加上css布局。
<!-- <div style="margin:0 auto"></div>這能讓整個div居中顯示 -->

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

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

總結(jié)

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

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