我有这个CSS来显示我的html表单和字段标签:
#enquiryForm { clear:both; padding:8px 40px 0 0; }
.enquiryField { clear:both; padding:5px 0; }
.enquiryField label { clear:none; float:left; }
.enquiryField input { clear:none; font-family:Calibri; float:right; padding:3px; width:189px; }
.enquiryField textarea { clear:none; float:right; font-family:Calibri; padding:5px; width:189px; }
.enquiryError { clear:both; color:#fff; font-family:Calibri; }
#enquirySent { color:#fff; font-family:Calibri; }
将文本显示在字段顶部是最好的做法,因为我想将其放入响应式CSS代码中
答案 0 :(得分:2)
我假设“在顶部”你的意思是直接在之前而不是覆盖输入,因为那会很奇怪。
将其包装在@media
查询中并删除所有浮点数,将宽度设置为100%并添加一些边距。它将以线性方式显示浏览器/设备,视口宽度小于480px,根据需要更新宽度等。