标签: valign

我的问题在这里发布为"已解决",但显然我不明白解决方案(？).我有很多遗留的html似乎在我的浏览器中开始失败,我不知道为什么,也许是因为"不支持"的属性？(顺便说一下,非常令人沮丧.为什么要消除这些数十年来工作得很好的简单属性？我不会扯掉任何人对我的编码风格的看法,只要它有效.)

特别是,我使用和valign不起作用.所以我尝试了以下方法,但从未取得过成功:

<td align=center vertical-align:top>
<td text-align:center; vertical-align:top>
<td text-align:center; vertical-align:text-top>
<td vertical-align:text-top>

现在我只是更加沮丧.有什么建议？

我试图将一些内容垂直居中放置在bounding_box中.使用单个文本,这没有问题:

bounding_box([0, bounds.top], :width => pdf.bounds.right, :height => pdf.bounds.top) do
  text "vertically aligned in the surrounding box", :valign => :center
end

但是如果我的边界框中有多个元素,我该怎么办:

bounding_box([0, bounds.top], :width => pdf.bounds.right, :height => pdf.bounds.top) do
  text "vertically aligned in the surrounding box", :valign => :center
  text "vertically aligned in the surrounding box", :valign => :center
end

这不起作用,当你尝试这个时,文本被重叠......

我正在寻找一种方法来分组bounding_box的整个内容,然后垂直对齐整个组.有没有办法用大虾做这个？

非常感谢你的帮助!克里斯

因此,我整整都在为我的公司重新设计时事通讯,调整html以使其在电子邮件客户端中半连续显示.我很好地利用了www.litmus.com的大部分内容.这是剩下的最后一个bug,它仍然无法避开.我们在顶部有一个水平导航栏.这是一个只有一个的精简版本<td>,通常有5个:

<table width="100%" border="0" align="right" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="middle">
    <tr valign="middle">
        <td valign="middle" align="center" style="font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; line-height: 200%; background-color:#b2382a; color: #FFFFFF; text-transform:uppercase;" >&nbsp;
            <a target="_blank" style="font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; line-height: 200%; background-color:#b2382a; color: #FFFFFF; text-transform:uppercase; text-decoration:none; vertical-align: middle;" href="LinkURLHere">
                <span style="color:#FFFFFF; vertical-align: middle;">Link Text Here</span>
            </a>&nbsp;
        </td>
    </tr>
</table>

如您所见,内联样式为wazoo.除了Outlook 2002,2007和2013之外,它在所有的试金石上都显示正常,其中valign ="middle"被忽略,链接文本被推到顶部,如下所示:http://i.imgur.com/a48ObB8 .JPG

几个来源,无论是在这里还是其他地方,都表明valign在outlook中起作用,但我已经尝试了valign="middle"我能想到的每个标签的属性,以及几个css vertical-align: middle;.这不再是真的吗？如果是这样,是否有某种类型的工作？

我有一个水平形式的表单组.在此表单组中,右侧元素高于左侧元素.出于这个原因,我想将左侧元素垂直居中于其行中.例如:

<form class="form-horizontal">
    <div class="form-group">
      <label for="inputEmail3" class="col-sm-2 control-label">Email1</label>
      <div class="col-sm-10"> <!-- higher element -->
        <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
        <br>Random stuff
      </div>
    </div>
    <div class="form-group">
      <label for="inputEmail3" class="col-sm-2 control-label">Email2</label>
      <div class="col-sm-10"> 
        <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
      </div>
    </div>
</form> 

Email1目前显示在其自己行的顶部,如此plunker片段中所示.

编辑:所以为了澄清我的意图,这是目前的状态:

这就是我想要的(蓝色区域是前面提到的"行"):

你有没有得出这个结论？

现在我遇到了一个,非常奇怪,不知道为什么.

我的代码:

<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="Server/SecCode.php">
    </iframe>
</td>

但事实证明,"输入"是指向底部,而"iframe"指向顶部.

我有一个包含表单的表,左边的col是字段的名称,我想将文本设置到td的顶部,就像文本在底部的那一刻.

有没有人知道为什么这是一个命中和遗漏元素属性？

我尝试使用 TCPDF 5.9.141 生成 PDF，但 valign 似乎不起作用。它在 CakePHP 2.0 函数中，但我认为这并不重要。根据文档，我的代码中所有内容都有效：

• 文本的垂直对齐（需要 $maxh = $h > 0）
• 此功能仅在 $ishtml=false 时有效
• 并且该单元格必须适合单个页面。

$pdf = new TCPDF('P', 'mm', 'A4', true, 'UTF-8', false);
$pdf->setPrintHeader(false);
$pdf->setPrintFooter(false);

$pdf->SetFont('helvetica', '', 7);
$pdf->AddPage();
$pdf->MultiCell($w=20, $h=15, $txt='teszt', $border='1', $align='C', $fill=false, $x=1, $y=1, $reseth=true, $strech=0, $ishtml=false, $autopadding=true, $maxh=15,  $valign='M', $fitcell=true);
$pdf->Output('cimkelista.pdf', 'I');

有没有人有任何建议？
提前致谢！