html - 在内容旁边放置一个块

Question

我将显示title页面的内部内容。title是一个 php 函数<?php the_title(); ?>，而 content 是另一个函数<?php the_content(); ?>。

正如您在图片中看到的，这里的标题是“Android 手机中最好的小部件”，内容是它旁边的内容。

我如何在内容区域之间定位这样的div元素来显示？title

图片网址：http: //i.stack.imgur.com/lh5iC.jpg

Answer 1

所以你所要求的不是那么可行，浮动是根据它们在页面中的顺序计算的，所以如果没有实际将标题放在段落之间，就无法在一大段文本中获取标题，我知道这是在你的情况下是不可能的。但是您不能将元素浮动到比实际位置更高或更低的位置。

这里最接近的解决方案是使用简单的 css 将标题浮动到左侧，这会将标题放在文本的顶部，而不是中间。

h1 {
float: left;
display: block;
width: 250px;
}

在这两种情况下，我都创建了一个带有结果的jsFiddle。

ps：我知道你说没有 PHP 但如果你真的想要你所要求的，你可以使用excerpt功能（因为我知道你正在使用 WP），并将文章分开excerpt()，content()这样你就可以将标题放在两者之间. 只是一个想法。