記錄一些在開發過程中，讓介面排版稍微美觀的樣式風格在輸入驗證碼時，左邊的文字框和右邊的img標籤控制項，如果不設定好對齊的話，就會很難看，如下圖(醜爆了撒~)
解決方法：只需要分別對input和img中新增同一屬性樣式style(vertical-align: middle)，效果很明顯好很多了
驗證碼:
type
="text"
name
="randomcode"
size
="5"
maxlength
="5"
style
="vertical-align
: middle
"/>
src=
"/randomcode"
id="randomcodeimg"
title
="看不清，換一張"
style
="cursor
: pointer;
vertical-align
: middle
"/>
>
>
style
="width
: 100%;
height
: 100%
">
td>
也可以在head區域加上統一的風格樣式，對當前頁面的整個input控制項進行統一樣式管理：
html 頁面樣式 div span 排版
由於div預設是block 塊 會換行 span預設是inline 內聯 同一行 html head head body div align left style display inline border 1px solid green width 20px 11div div align cen...
HTML排版標籤
排版標籤 p 段落標籤,把文字內容分段落顯示。支援巢狀。hr 水平線標籤，沒有主體內容，使用自閉合。水平線預設寬度是佔滿外層元素 屬性有 align 水平線所處的位置 相對位置 相對外層元素而說的 width 水平線的寬度 size 水平線的厚度 noshade 它是乙個內建屬性，既是屬性有表示值。...
HTMl排版標籤
首先我們要明確html和css是兩種不同的東西，這兩者是不一樣的，但他們都是被應用於前端開發的學習中最好分開去學，不然容易混亂。今天介紹html中的排版標籤 排版標籤主要和css搭配使用，是顯示網頁結構的標籤，是網頁布局最常用的標籤 單絲縮寫 head 頭部，此處要和title區分開 標籤分六級從他...