精确垂直对准TD元件

时间:2017-08-16 12:55:00

标签: css html5 html-table alignment

我在对齐表格的TD元素内的对象时遇到问题。见下图。我希望文本和输入表单垂直靠近它们下面的行(这是表折叠边框)。

我成功地让文字接近了这一行但是,我不能用input形式做同样的事情。你有什么建议吗?

我用来对齐文字部分的span是:

#tbAggiungiTitolo span.vicinoAlBordo {
  display:inline-block;
  position:absolute;
  margin-top:-10px;
}

span元素周围包裹相同的input不起作用。

根据要求,我添加了HTML代码的相关部分:

<table id="tbAggiungiTitolo">
<tr class="dataLine"> <td class="nome" > 
     <span class="vicinoAlBordo"> Prezzo di mercato corrente </span>
     <td class="spazio"> 
     <td class="valore"> 
     <!-- <span class="vicinoAlBordo">  -->
     <input type="text" name="perzzoDiMercatoCorrente"> 
     <!-- </span> -->
<tr class="dataLine"> <td class="nome" > 
.....       

enter image description here

0 个答案:

没有答案