css - WordPress 主题 : Wrapping entry titles?

Question

我正在为主题框架开发自定义子主题。

我在对齐帖子标题时遇到了问题。当他们换到第二行时，他们弄乱了我约会对象的位置。

您可以在此处查看示例:http://everydaytype.com/wp

在一行长的顶部条目上，日期和条目标题对齐。

在接下来的第二个条目中，标题换行到第二行并取代了日期。

我试过输入日期和条目标题的相对和绝对定位，但都无济于事。我试过玩高度和行高。我试过 display:inline 变体。

我正在使用 Firebug 来揭示影响这两个元素的 CSS，但还没有任何效果。

明确地说，我的目标是能够拥有任意长度的条目标题，并使它们与顶部条目上的日期对齐。

任何想法将不胜感激。

Answer 1

您可以尝试将 <span class="entry-date"> 之前 <h2>在html代码本身。 (在您的一个主题文件中)。

<span class="entry-date">...</span>
<h2 class="entry-title">...</h2>

然后应用以下样式:

.entry-date {
   clear:both;
   display:block;
   font-family:Futura,sans-serif;
   height:0;
   padding-right:30px;
   position:relative;
   top:2em;
   width:60px;
 }