我甲肝這兩個元素:如何在小屏幕上製作一行元素?
<span>ddd:</span>
<input type="text" class="ui-state-disabled" name="textinput-hide" id="textinput1" placeholder="Text input" value="">
UPDATE
這裏是我的HTML代碼:
<div data-role="page" id="layerProperty">
<div data-role="header" data-position="fixed" data-theme="b">
<h1 id="layers property"></h1>
<a href="#mapPage" data-mini="true" data-icon="arrow-l">back</a>
</div>
<div data-role="content">
<div id="vectorLayerProperties" style="display: none;">
<fieldset style="border: solid 1px #6b6b6b;">
<legend>data1</legend>
<div class="ui-content">
<form>
<div>
<span>ddd:</span>
<input type="text" class="ui-state-disabled" name="textinput-hide" id="textinput1" placeholder="Text input" value="">
<span>ddd:</span>
<input type="text" class="ui-state-disabled" name="textinput-hide" id="textinput2" placeholder="Text input" value="">
<span>ddd:</span>
<select class="ui-state-disabled" name="select-native-1" id="select-native-1">
<option value="1">The 1st Option</option>
<option value="2">The 2nd Option</option>
<option value="3">The 3rd Option</option>
<option value="4">The 4th Option</option>
</select>
<span>ddd:</span>
<select class="ui-state-disabled" name="select-native-1" id="select-native-2">
<option value="1">The 1st Option</option>
<option value="2">The 2nd Option</option>
<option value="3">The 3rd Option</option>
<option value="4">The 4th Option</option>
</select>
</div>
<input type="Button" data-inline="true" value="Edit" onclick="editLayerProperty()">
<input type="Button" data-inline="true" value="Delete">
</form>
</div>
</fieldset>
</div>
<div id="vectorLayerslist"></div>
</div>
</div>
內部元素與id=vectorLayerProperties
我有span元素和文本框,我想使在單行中。
如何將它們放在一行中用於大小爲250px寬度的屏幕?
將它們包裝在一個div中並設置顯示:inline-flex – user5014677
它們默認顯示在一行上。你想讓他們每個人都在自己的行嗎? – sol