文本忽略底部填充,无论绘制下一行

用户4428063

显然,我的帖子页面决定自己动手,并拒绝按其应有的方式工作。

尽管最大高度设置为最大6行+填充,但存储在框(div)中的文本(span)仍会绘制下一行。

如此处所示:

在此处输入图片说明

因此,显然我对此没有任何解决方案,代码如下:

            <div class = "post">
                <div class = "post-title">Lorem ipsum dolor amet</div>
                <div class = "post-content"><span>Lorem Ipsum</span></div>
                <div class = "post-footer"><span class = "post-date">2017.02.07</span><span class = "post-author">- J.</span></div>
            </div>

和CSS:

.post-content
{
    max-height: 128px;
    overflow: hidden;
    color: rgb( 81, 85, 88 );
}

.post-content span
{
    overflow: hidden;
    font-size: 15px;
    display: inline-block;
    padding: 10px 0px;
}

https://jsfiddle.net/2rm969es/

第542节

设置一个明确的行高似乎对我有用:

http://codepen.io/anon/pen/dNjxRW

line-height: 20px;

您是否要在页脚上方也显示10px的填充?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ReactNative 文本样式下一行

来自分类Dev

如何忽略python中的下一行

来自分类Dev

JSHint和JSCS内联忽略下一行

来自分类Dev

填充JTextField时丢失“下一行”格式

来自分类Dev

如何在pandas python中用上一行或下一行填充缺失的行

来自分类Dev

如果填充了第一行,则让Excel切换到下一行

来自分类Dev

用下一行的值填充每隔一行

来自分类Dev

HTML阻止部分文本进入下一行

来自分类Dev

文本在div之后移至下一行

来自分类Dev

角材料表标题文本下一行

来自分类Dev

跳到包含文本的下一行(vim)

来自分类Dev

找到匹配的文本并替换yml中的下一行

来自分类Dev

将下拉文本的长度中断到下一行

来自分类Dev

Python在下一行打印文本

来自分类Dev

Sublime 文本大括号显示在下一行

来自分类Dev

Bash:查找匹配的文本并替换下一行

来自分类Dev

段落文本不会环绕到下一行

来自分类Dev

在同一行上对齐文本,忽略左右空间

来自分类Dev

从第一行开始下一行用于文本视图

来自分类Dev

当一行中有多个div时,如何避免将下一行放在最高div的底部?

来自分类Dev

当一行中有多个div时,如何避免将下一行放在最高div的底部?

来自分类Dev

对齐一行html文本以填充整行?

来自分类Dev

检查下一行

来自分类Dev

下一行Javascript

来自分类Dev

Python中的UnicodeDecodeError在读取文件时如何忽略错误并跳至下一行?

来自分类Dev

换行到下一行时忽略上边距

来自分类Dev

如何将文本与控制台下一行中的文本对齐?

来自分类Dev

Zsh提示用下一行中的用户输入填充整个宽度

来自分类Dev

防止 Bootstrap 4 自动填充列换行到下一行

Related 相关文章

热门标签

归档