我想制作一个动态表单,也就是说,表单会根据其中包含的元素动态地改变其大小。 code example
.myForm {
display: block;
vertical-align: top;
border: 1px solid #999;
border-radius: 3px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-family: Tahoma;
color:grey;
font-size: 12px;
padding: 10px;
padding-bottom: 35px;
background:#ECEEE9;
text-align: center;
}
<body>
<form class="myForm" id="noteForm" name="noteForm" METHOD="POST">
<h1>Add a note</h1>
<h2>Formatting</h2>
</form>
表单的外边(如果可能的话,边框)应该很好地环绕文本,当文本变长时,表单会变得更长......此刻它根本不是我喜欢的。
答案 0 :(得分:0)
我认为你需要添加display:inline-block;到.myForm