如何删除或隐藏部分溢出的文本行?示例:
Html:
<div>Lot of interesting text in this multi-line box but how do I remove or hide the last line</div>
Css:
div {
border: 1px solid black;
height:65px;
width:150px;
overflow:hidden;
}
编辑:我想要的结果的图像:
Edit2:这个有一个几乎可以工作的解决方案,但我正在寻找一个解决方案,当没有任何线条完全
我正在写我的第一个网站使用Bootstrap和CSS样式表与VS2015和它所有的线条完美的时候,在全大屏幕。但是,当我开始减小屏幕尺寸时,滚动条不会占据屏幕的位置,而是组件移动,最终所有组件都会脱线。下面是我如何设置我的html屏幕的
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html lang="en">
<head>
<title></title>
<meta charset="utf-8
我只是在玩CSS中的行高属性。我发现,如果我把两条相同的线的线高设为0.1,那么这两条线很好地结合在一起。这就是我所做的
<!DOCTYPE html>
<html>
<head>
<style>
p.effect {
line-height: 0.1;
}
</style>
</head>
<body>
<p class="effect">
This is a paragraph with a special line-height.<br>
This is
我有一个Node/Express应用程序,带有一个Jade模板,可以导入一些静态文件。我的玉模板的突出线条如下所示:
layout.jade:
head
link(rel="stylesheet" href="/css/main.css)
script(src="/vendor/jquery.js")
block body
h1 Hello world.
mypage.jade:
extend layout
block body append
p Here another line.
我正在表达我的观点如下:
app.get('