我正在使用 WooCommerce for WordPress 和产品的自定义帖子类型。
我希望商店页面/循环上显示的产品标题与单个产品页面上的 h1 标题标签不同。
循环中的标题是一个有限的空间来适应而不跳到新行......我可以缩短它以适应,但在产品页面本身我需要放置一个“更完整”的标题......
我正在使用 WooCommerce for WordPress 和产品的自定义帖子类型。
我希望商店页面/循环上显示的产品标题与单个产品页面上的 h1 标题标签不同。
循环中的标题是一个有限的空间来适应而不跳到新行......我可以缩短它以适应,但在产品页面本身我需要放置一个“更完整”的标题......
为什么不使用 CSS 属性来隐藏溢出的标题文本,请查看http://www.w3schools.com/cssref/pr_pos_overflow.asp和http://www.w3schools.com/cssref/css3_pr_text-overflow.asp
您可以设置标题标签的固定高度并添加overflow:hidden;
,这样它就不会显示进入新行的文本。text-overflow:ellipsis;
添加一些魅力。
更具体地说,将以下 CSS 属性添加到商店页面上包含您的标题的标签。
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;