为什么这些HTML表单按钮不会显示为内联？_html-js-css

概述我试图让表单按钮连续显示内联.我正在使用CSS来设置来自别人脚本的 HTML输出,所以我必须理解 HTML中的结构.我不能把它改成我理解的东西.请参阅下面的代码. 以这种方式使用时,这些元素的默认样式是什么？我的印象是块元素并且是内联的.无论我如何尝试使用CSS来设置这个样式,我都无法改变它们的位置(除了浮点数,我想在这种情况下避免使用它).救命！谢谢：) <html> <head></hea 我试图让表单按钮连续显示内联.我正在使用CSS来设置来自别人脚本的 HTML输出,所以我必须理解 HTML中的结构.我不能把它改成我理解的东西.请参阅下面的代码.

以这种方式使用时,这些元素的默认样式是什么？我的印象是块元素并且是内联的.无论我如何尝试使用CSS来设置这个样式,我都无法改变它们的位置(除了浮点数,我想在这种情况下避免使用它).救命！谢谢：)

<HTML> <head></head> <body>  <div >    <form  method="get" action="/doku.PHP#discussion__comment_form">      <div >        <input type="hIDden" name="ID" value="start" />        <input type="hIDden" name="do" value="show" />        <input type="hIDden" name="comment" value="edit" />        <input type="hIDden" name="cID" value="f871dd5933621b4fe9070bab542ff3ea" />        <input type="submit" value="Edit"  title="Edit" />      </div>    </form>            <form  method="get" action="/doku.PHP">      <div >        <input type="hIDden" name="ID" value="start" />        <input type="hIDden" name="do" value="show" />        <input type="hIDden" name="comment" value="toogle" />        <input type="hIDden" name="cID" value="f871dd5933621b4fe9070bab542ff3ea" />        <input type="submit" value="HIDe"  title="HIDe" />      </div>    </form>            <form  method="get" action="/doku.PHP">      <div >        <input type="hIDden" name="ID" value="start" />        <input type="hIDden" name="do" value="show" />        <input type="hIDden" name="comment" value="delete" />        <input type="hIDden" name="cID" value="f871dd5933621b4fe9070bab542ff3ea" />        <input type="submit" value="Delete"  title="Delete" />      </div>    </form>          </div></body></HTML>

解决方法表单元素是内联的,但表单中的表单和div是块元素.

所以将它们更改为内联：

form,form div { display: inline; }

http://jsfiddle.net/fbCgk/

总结

以上是内存溢出为你收集整理的为什么这些HTML表单按钮不会显示为内联？全部内容，希望文章能够帮你解决为什么这些HTML表单按钮不会显示为内联？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1085963.html

为什么这些HTML表单按钮不会显示为内联？

发表评论

评论列表（0条）