这是链接 block 的代码:
{block:Link}
<div class="post link">
<h2>
<a href="{URL}" class="name">{Name}</a></h2>
<div class="content">
{block:Description}{Description}{/block:Description}
<span class="date">
<a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}
</a>
</span>
</div>
</div>
{/block:Link}
我想做的是添加一个 10px 的左边框来阻止引号。当我尝试将此样式添加到 block 引号时,会发生这种情况:
block 引用边框流入帖子标题,我不希望发生这种情况,我希望边框布局保留在内容 div 中。
我现在正在使用这个 CSS:
div div div blockquote {
border-left: 10px solid red;
}
在此先感谢您的帮助!
只是为了澄清<div class="post link">
在另一个div
.
这是 tumblr:http://iamsomething-awesome.tumblr.com/
最佳答案
从 div.post h2
规则中删除 float: left;
就可以了:
首先,我检查了 blockquote
本身和它的几个父级(elements 在进一步的文本中)的负边距 — 没有发现任何负边距。
然后我用 elements 的非标准值检查了 display
属性,但没有什么特别的。
然后我搜索了改变布局 float 的指定属性,首先靠近 blockquote 元素的是 div.post.h2
,它的 float
设置为 left
。
宾果!
关于html - tumblr 主题上的 block 引用边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10964849/