爲什麼我的Span標籤內容顯示在下一行？

Question

我想添加*爲顯示爲必填字段。當我在輸入類型文本之後放置span標籤時，它顯示在同一行中。

.holder_options_1 { 
 
    color: red !important; 
 
}

<div class="col-sm-6" style="padding-left: 11px;"> 
 
    <input type="text" name="tags" id="xyz">&nbsp;&nbsp; 
 
    <span class="holder_options_1">*</span> 
 
</div>

，但是當我把同樣的跨度標籤後輸入類型的文件在其下一行顯示。

.holder_options_1 { 
 
    color: red !important; 
 
}

<div class="col-sm-6" style="padding-left: 11px;"> 
 
    <input type="file" name="fileupload" accept=".jpg,.png,.jpeg" id="fileToUpload" style="height:33px">&nbsp;&nbsp; 
 
    <span class="holder_options_1">*</span> 
 
</div>

爲什麼要來這樣呢？ 我希望跨度標籤也在同一行。怎麼做？請解釋一下。 在此先感謝。

Answer 1

默認情況下span標記有display: inline，他的行爲就像是文本。如果您的父母太小，跨度會轉到下一行。