[英]Making entire cell clickable
我有一个带标题和内容的div
容器,如图所示。
这是标记:
$output .= '<h1 class="list_title">';
$output .= '<a href="' . get_permalink () . '">'.the_title ('','',false) . '</a>';
$output .= '</h1>';
$output .= '<div class="list_content">';
$output .= '<a href="' . get_permalink () . '">';
$output .= wp_trim_words ($post->post_content, $content_length );
$output .= '</a>';
$output .= '</div>';
在这两个组件中,我添加了get_permalink
以便用户可以单击标题或内容以转到帖子链接。
但是,我试图做到这一点,以便用户可以单击单元格中的任何位置(例如B
的空白区域以转到链接)。
谁能告诉我如何使整个单元格可单击,而不仅仅是标题或内容?
把里面的div <a>
也许添加display: block
到<a>
:
$output .= '<a href="' . get_permalink () . '">';
$output .= '<div class="list_content">';
$output .= wp_trim_words ($post->post_content, $content_length );
$output .= '</div>';
$output .= '</a>';
您要做的是将整个<div>
包装在<a>
标记中;
$output .= '<a href="' . get_permalink () . '">'.the_title ('','',false) . '</a>';
$output .= '<h1 class="list_title">';
$output .= '<div class="list_content">';
$output .= '<a href="' . get_permalink () . '">';
$output .= wp_trim_words ($post->post_content, $content_length );
$output .= '</div>';
$output .= '</a>';
我删除了<h22>
标记,它为空。
颠倒标签的顺序。 <div>
应该在<a>
。
$output. = '<a href="'.get_permalink().'">'; $output. = '<div class="list_content">'; $output. = wp_trim_words($post - > post_content, $content_length); $output. = '</a>'; $output. = '</div>';
这意味着整个div是一个链接 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.