Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > 有两个input标签放到一行，如何实现左边的Input自适应宽度，右边的固定宽度。_html/css_WEB-ITnose

有两个input标签放到一行，如何实现左边的Input自适应宽度，右边的固定宽度。_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 12:19:18

Original

1814 Leute haben es durchsucht

其实就是需要左边的input宽度实现100%-30，右边的宽度始终是30

回复讨论(解决方案)

js可以搞定，css不会

自己搞定了：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>input type="file"</title>	<style type="text/css">		body{ font-size:14px;}		input{ vertical-align:middle; margin:0; padding:0}		.file-box{width:100%}		.txt{ position:absolute; height:22px; border:1px solid #cdcdcd;left:10px;right:100px}		.btn{ position:absolute; background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;right:20px}			</style></head><body>	<div class="file-box">		<form action="" method="post" enctype="multipart/form-data">	 		<input type='text' name='textfield' id='textfield' class='txt' />	 		<input type='button' class='btn'   value='浏览' />	    		    		    	 	    		    			 		 	  	</form>	</div></body></htm>

Nach dem Login kopieren

Verwandte Etiketten：

有两个input标签放到一行，如何实现左边的Input自适应宽度，右边的固定宽度。

Quelle：php.cn

Vorheriger Artikel：ul li实现表格问题_html/css_WEB-ITnose Nächster Artikel：dreamweaver编辑html，结果电脑意外关机，正在编辑的代码全部没有了_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors