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

</style>

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

轉載于:https://www.cnblogs.com/deoem/p/5732665.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。