表格单元格,图像和文本位于下方

时间:2016-10-14 17:44:20

标签: css html5

我是一名学生,正在尝试创建一个以单元格为中心的图像的表格。我还想在同一单元格中居中的图像下添加文本。到目前为止,这是我的html和css。附上一张图片。

add_action( 'save_post', 'my_product_update' );

function my_product_update( $post ) {
    if($post->post_type == "product"){
         $pid=$post->ID;

           // Send Email ?

    }
}

2 个答案:

答案 0 :(得分:0)

这是一个jsfiddle示例: https://jsfiddle.net/pwa6kg62/1/

  <td colspan="2" rowspan="4" valign="bottom" class="tableImage">

我使用了表格单元格的valign属性来垂直对齐文本。

我确信你有理由,但强烈建议不要使用表格单元格进行布局。如果您有任何疑问,请在下面留言。

答案 1 :(得分:0)

为.tableImage类提供一个比图像大的填充顶部。

例如:

</th>

这是一个小提琴示例:https://jsfiddle.net/0xjygxmt/1/

小调,我看到你有&#34; t&#34;和&#34; h&#34;在您的第二个结束<table>代码中转置而没有结束{{1}}代码,但这些代码不会影响相关单元格。

相关问题