如何讓表單文字框左邊標籤文字右對齊 label

2021-08-08 22:36:07 字數 468 閱讀 4120

當我們設計表單文字框布局時,希望布局好看。前邊的文字與文字框契合完美。文字上下行對齊。

通常使用 標籤實現**。其實也可以用 標籤實現

下邊是乙個例子 如何修改css實現文字框和前邊字型右對齊。

html**:

結果圖:

該例是將label這個「容器」變寬。使得其可以任裡邊的字型自由移動。

該例中中加入文字框前邊的字型,將 label 標籤設定寬度,

使label寬度足夠寬而不會根據標籤中字型個數的填充而改變寬度。

再用 text-align 屬性設定 label  標籤中的字型右對齊。

注意如果僅僅設定了標籤的寬度,而不設定其左浮動 float:left ,則不會實現最後的效果。

Spring 表單 文字框 readonly的設定

剛開始用spring表單,想把文字框設定為唯讀,用readonly readonly 設定了半天,還是可以編輯該文字框。在網上搜尋了很久都沒有解決方法,最後到spring的 看了他們的說明文件才知道,spring表單的input是不支援readonly readonly 的。只支援readonly ...

Latex之使用文字框, 文字框如何自動斷頁

如果要實現latex文字框,可以使用tcolorbox包.使用時首先匯入 usepackage在使用時 begin colback black 3 white,colframe black 30 white text end即可.colback指背景的顏色,colframe指邊框的顏色.根據自己的需...

如何讓文字框內的提示資訊在啟用文字框時清空

如何讓文字框內的提示資訊在啟用文字框時清空 解決思路 當需要填寫的文字框很多時,在每個文字框內寫上提示資訊是個不錯的辦法,但這樣一來使用者在填寫該項時必須先把提示文字刪掉,非常不方便。所以應該讓文字框更人性化一點,在focus時檢查當前值是否為文字框的預設值,是則清空,否則保持不變,而在blur時檢...