国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

表單文本框尺寸調整與按鈕對齊問題(分成了兩行)

2024-07-11 08:31:10
字體：大 中 小
來源：轉載
供稿：網友
今天在用css美化django做出的網頁頁面時，想把查詢的窗口拉長，弄成像百度查詢窗口一樣。結果默認的樣式查詢窗口比較短，簡單用width和height來改變form的設置，導致文本框與按鈕分成了兩行。查了好多資料之后，終于成功解決了問題。

現貼最終設置成功的代碼：

html：

復制代碼
代碼如下:
<form action="" method="get">
<input type="text" style="width:300px;height:30px"name="q">
<input type="submit" value="Search" style="height:30px;position:absolute;+margin-top:1px">
</form>

具體作用為：

style="width:300px;height:30px" 設置文本框的尺寸；

style="height:30px;position:absolute;+margin-top:1px" 設置按鈕與文本框對齊。注：樓主使用的是IE，Firefox設置可以參考我另一篇轉載的文章。

css:

復制代碼
代碼如下:
form{
position:relative;
left:450px;
}

作用：將表單整體右移

最后貼下成功的網站頁面：

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 富阳市| 潞西市| 浦县| 镶黄旗| 繁昌县| 海城市| 合作市| 广州市| 海晏县| 交城县| 马鞍山市| 永福县| 来安县| 铜山县| 婺源县| 进贤县| 温州市| 芦山县| 迁西县| 始兴县| 扎鲁特旗| 连山| 连江县| 宁陕县| 临猗县| 巴中市| 呈贡县| 城固县| 石河子市| 周口市| 临湘市| 汉源县| 徐州市| 阳高县| 曲沃县| 闽清县| 华容县| 南安市| 神农架林区| 岳池县| 华亭县|