1. 首頁
  2. 問答
  3. 如何在一行中對齊html元素？

如何在一行中對齊html元素？

2016-06-24 57 views
0

我有一個文本，選擇按鈕和image.Need來對齊它在單行。但它是一個接一個地來。 我的HTML代碼是：如何在一行中對齊html元素？

<script> 
File :<input type="file" name="files"/> 
     <img src="abc.jpg"/> 
</script>

來源

2016-06-24 Tink

+0

爲什麼裏面''

1

這可以通過使用 「inline-block的」 來完成。例如：

.element1 {display:inline-block;margin-right:10px; width:200px;} 
.element2 {display:inline-block; width:200px;} 

<div id="element1"> File :<input type="file" name="files"/> </div> 
<div id="element2"> <img src="abc.jpg"/> </div>

內聯塊元素與內聯元素相似，但它們可以具有寬度和高度。

來源

2016-06-24 04:17:11

1 
By default input and img tags are inline elements, It will not go to next line. 

Issue here is you have used <script> instead of <div>

Example here

來源

2016-06-24 04:45:04

相關問題

 相關問題