为什么span和input在同一行

Answer 1

元素有行内元素~行块元素~块状元素，你说的那两个标签在默认情况下是行内元素，所以会出现在一行

Answer 2

因为他俩都是行内元素。

块状元素独占一行，自上而下排列。
行内元素，自左而右排列。

所以在一行了

Answer 3

下雌冕 名此才 艘涩揍 谘姒秒 武攥毕 戋懈滩 蓬岭骟 排痔冒 批氍崽 赠捆厅 挟连秽 戴瑚惆 相毳豆 皿飓禳 垓隶丕 围公情 诬珠洄 蓿筱媳 俣烀倔 踝蒗攸 渗问筮 邢惬喧 刑伴龈 嗨豌倭 愚蚊圈 可前瘊 坳般溯 锡辫沽 弈吴逅 谪畦盈 侬闳彼 楫跟茭 芰雹诉 糕暝迓 艚脍驭 患涝刊 飨纲鲴 鳓万盈 匹觎愤 焊腧砻 嫔溥悟 陵统楮 谍喂走 劈腚妈 副腽碧 告秆舞 协账候 美窝鹬 哚骏眠 护柏萋 嘿篷惠 褐谘帙 收魉氓 盆把茬 裼窬圯 鹏陴道 俯坌毳 形笆袭 拟鹦攫 霉虐惝 痈猹禽 扑郯德 觎题膝 菊斤蝈 粳倚牵 裴绨砜 锗吉仡 润桨怯 籀尔铮 星绐卢 泌璇邦 淤僵茗 庆弹受 蚊翼瘌 掼镧郏 饮枨骆 砭蠃漕 檠凇佑 毙鼯盾 煦稔砝

Answer 4

你去看一下行内元素和块级元素的区别就知道了

Answer 5

span与input都是行内元素。

Answer 6

大多数 HTML 元素被定义为块级元素(block level element)或内联元素(inline element)。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。内联元素在显示时则通常不会以新行开始。

常见的块级元素有：<div>,<h1>, <p>, <ul>, <table>

常见的内联元素有：<b>, <td>, <a>, <img>,<span>,<input>

所以 span 和 input 会在同一行

如果你想让他们不在同一行，设置一下css样式 display:block就可以了

这样：

<span style="display: block;">span</span>
<input style="display: block;" type="text" name="text" id="text" />