Question

我设法将inputs放在屏幕中间，您可以在这里查看http://jsfiddle.net/xnARk/

HTML

<table class='header'>
   <tr>
     <td></td>    
     <td style='vertical-align: middle; text-align: center'>
       <table data-role='none' style='width: 50%; margin: auto; border-spacing: 0;' cellspacing='0'>
          <tr>
            <td>
                <input type='text'/>
            </td>
              <td style='width: 35%'>
                   <input type='text'/>
               </td>
          </tr>
     </td>
    </tr>     
</table>

CSS

table.header{
    width: 100%; 
        margin: 0; 
        height: 85px;
    background: #D9D9D9
}

但是，我还希望将标题链接放在inputs的中心位置。我怎么能做到这一点？

感谢。

Answer 1

喜欢这个吗？

http://jsfiddle.net/xnARk/1/

在输入

下添加：<br>here?

Answer 2

我不确定为什么你需要使用表格，我不确定我是否理解你的问题，但这是你想要的吗？

小提琴链接：http://jsfiddle.net/micahSan/eB4rK/

基本上，这就是我所做的：

<div id="container">
  <table id="myTable">
    <tr>
      <td>
        <input type="text"/>
      </td>
    <td>
        <input type="text"/>
    </td>
</tr>
<tr>
    <td colspan="2">
        <a href="#">Testing</a>
        <a href="#">Longer link goes here</a>
    </td>
</tr>

你的css：

#container {
text-align:center; 
vertical-align:middle;
background-color: #cccccc;
}

#myTable {
margin-left:auto;
margin-right:auto;

}

css在中间对齐标题链接

2 个答案: