Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 具有显示块的li内的输入不';看起来不太好,为什么?_Html_Css - Fatal编程技术网

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>