English 中文(简体)
2. 有两个表格显示线
原标题:Get two forms to display inline
  • 时间:2011-09-15 23:42:08
  •  标签:
  • html
  • css

This doesnt work

<form style = display:inline; >
 <input type =  submit />
</form>
<form style = display:inline; >
  <input type =  submit />
</form>

我想有两种提交不同文字的表格,每个版本都有一个投入纽记。

我想说的是,如果其他人会更永久地改变国家安全局的主要档案,我会做什么错呢?

最佳回答

我认为,你想要的是一边展示。 你们可以使用浮体,而喜欢:

<form style = float: left; padding: 5px; >
akjfhdkjahj<br />
 <input type =  submit />
</form>
<form style = float: left; padding: 5px; >
  aklfjas<br />
  <input type =  submit />
</form>

但即便如此,也不理想。 最好的办法是,对每一带进行包装;形成和开发;在设计中进行;进行“四”和“四”类;然后在圆顶上进行浮动。

问题回答

如果我正确理解这个问题,你可使用<代码>:inline-block;。

form{
    width:200px;           //JUST FOR SHOW
    height:200px;          //JUST FOR SHOW
    background:red;        //JUST FOR SHOW
    display:inline-block;  
    margin:1em;            
}

Example: http://jsfiddle.net/jasongennaro/dn5NQ/3/

显然,正如你所说的那样,你需要重新编制表格的内容。

Just use, display:inline-block . Example:

<form style = display:inline-block; >
 <input type =  submit />
</form>
<form style = display:inline-block; >
  <input type =  submit />
</form>

And you may also use HTML Table to do this forcefully. Example:

<table>
  <tr>
     <td>
       <form>
         <input type="submit" />
       </form>
     </td>
     <td>
       <form>
         <input type="submit" />
       </form>
     </td>
  </tr>
</table>

an input button to display inline

If the buttons should be displayed inline, then you need to assign those styles to the inputs, not to the forms.

页: 1 并且按违约定义为<代码>block。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签