表单根据其包含的元素

时间:2016-02-02 14:00:42

标签: html5 forms css3

我想制作一个动态表单,也就是说,表单会根据其中包含的元素动态地改变其大小。 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>

表单的外边(如果可能的话,边框)应该很好地环绕文本,当文本变长时,表单会变得更长......此刻它根本不是我喜欢的。

1 个答案:

答案 0 :(得分:0)

我认为你需要添加display:inline-block;到.myForm