Html 具有显示块的li内的输入不';看起来不太好,为什么?
当我将带有Html 具有显示块的li内的输入不';看起来不太好,为什么?,html,css,Html,Css,当我将带有type=text的input放入带有display:block的li项目中时,我会得到奇怪的结果吗? 以下是一个例子: <ul> <li><input type="text" value="withvalue" style="display: block" /></li> <li><input type="text" style="display: block" /></li> <
type=text的input
放入带有display:block的li
项目中时,我会得到奇怪的结果吗?
以下是一个例子:
<ul>
<li><input type="text" value="withvalue" style="display: block" /></li>
<li><input type="text" style="display: block" /></li>
</ul>
对于第一个输入
,我只能在输入
聚焦且位于输入
内时才能看到项目符号。
对于第二个输入
,它与li
父项目符号不在同一行中
有人能解释一下,也许能建议一个解决方案吗
谢谢使用
<li style = "display:inline;"> ... </li>
李>
尝试不使用style=“display:block”
为什么要将输入框放在列表项中?列表最适合于数据,而不是控件。我不知道他为什么选择它,但这样做有很好的理由,例如:
<ul>
<li><input type="text" value="withvalue" /></li>
<li><input type="text" /></li>
</ul>