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

Question

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

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

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

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

Answer 1

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

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

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

我创建了一个 jsFiddle两种情况下的结果。

ps:我知道你说没有 PHP，但如果你真的想要你想要的东西，你可以使用 excerpt函数(因为我知道您使用的是 WP)，并将文章拆分为 excerpt() 和 content() 以便您可以将标题放在两者之间。只是一个想法。