个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
第一个解决方案有效。如您所见:
<!DOCTYPE>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ellipsis.whole.html</title>
<style>
a {
text-decoration : none
}
.box {
background-color: #ddd;
width: 250px;
}
.box p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
</head>
<body>
<h1>Solution 1</h1>
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean vehicula odio ac nisl
dignissim hendrerit. Proin libero arcu, commodo
in aliquam porta, dignissim sodales<span><a href="http://www.google.com/">...</a></span></p>
</div>
</body>
</html>第二个解决方案来了!我看不出两者之间的区别，但第二个不起作用。任何人都可以知道两者之间有什么区别？我已经看过多次但没有答案。
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ellipsis.link.html</title>
<style>
a {
text-decoration: none;
}
.box {
background-color: #ddd;
width: 250px;
}
.box p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
</head>
<body>
<h1>Solution 2 </h1>
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean vehicula odio ac nisl
dignissim hendrerit. Proin libero arcu, commodo
in aliquam porta, dignissim sodales tortor. Sed
dignissim mi cursus quam sollicitudin, vitae
semper nunc finibus. In id turpis velit. Nullam
finibus lobortis lacus vel egestas. In pretium
dictum ligula quis pulvinar. Aenean id dolor metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec commodo elementum erat blandit blandit.
Cras quis elementum mi<span><a href="http://www.google.com/">...</a></span>.</p>
</div>
</body>
</html>为什么我不能点击第二版代码中的省略号？我好奇地等待着你的回答!
最佳答案
如果您仔细观察，您会注意到在这两个版本中，您都将这部分代码的行数限制为 5:
-webkit-line-clamp: 5;
因此在第二个示例中(其中有更多文本)“...”部分不可点击，因为省略号创建了三个点以表明有继续的文本。如果您尝试将该数字更改为“15”(关于 15 行)，将显示整个文本并且最后的“...”部分将是可点击的。您还可以删除
-webkit-box-orient: vertical;
部分和代码将忽略上限行限制并显示整个文本，无论您在代码中的 'line-clamp' 标签中放置什么。
关于html - 我邀请你做一个小游戏，我想让省略号成为链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51505368/
27
4
0
我有一个关于 JavaScript 语法的问题。实际上，我在自学 MEAN 堆栈教程时想出了编码(https://thinkster.io/mean-stack-tutorial#adding-aut
在我的书中它使用了这样的东西: for($ARGV[0]) { Expression && do { print "..."; last; }; ... } for 循环不完整吗？另外，do 的意义何
我已经编写了读取开关状态的代码，如果按 3 次 # 则退出。 void allkeypadTest(void) { static uint8_t modeKeyCount=0; do
因此，对于上周我必须做的作业，我必须使用 4 个 do-while 循环和 if 语句在 Java 中制作一个猜谜游戏。我无法成功完成它，类(class)已经继续，没有为我提供任何帮助。如果有人可以查
int i=1,j=0,n=10,k; do{ j+=i; i<<1; printf("%d\n",i); // printf("%d\n",12<<1); }while
此代码用于基本杂货计算器的按钮。当我按下按钮时，一个输入对话框会显示您输入商品价格的位置。我遇到的问题是我无法弄清楚如何获得 do ... while 循环以使输入对话框在输入后弹出。 我希望它始终恢
当我在循环中修改字符串或另一个变量时，它的条件是否每次都重新计算？或者在循环开始前一次 std::string a("aa"); do { a = "aaaa"; } while(a.size<10)
我刚刚写了这个，但我找不到问题。我使用代码块并编写了这个问题 error: expected 'while' before '{' token === Build finished: 1 errors
do { printf("Enter number (0-6): ", ""); scanf("%d", &Num); }while(Num >= 0 && Num 表示“超过”，<表
我有一个包含 10 个项目的 vector (为简单起见，所有项目都属于同一类，称其为“a”)。我想要做的是检查“A”不是 a) 隐藏墙壁或 b) 隐藏另一个“A”。我有一个碰撞函数可以做到这一点。
嗨，这是我的第二个问题。我有下表 |-----|-------|------|------| |._id.|..INFO.|.DONE.|.LAST.| |..1..|...A...|...N..|.
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicates: Why are there sometimes meaningless do/while and if/e
来自 wikibook在 F# 上有一小部分它说: What does let! do?# let! runs an async object on its own thread, then it i
我在 Real World Haskell 书中遇到了以下函数: namesMatching pat | not (isPattern pat) = do exists do
我有一个类似于下面的用例，我创建了多个图并使用 gridExtra 将它们排列到一些页面布局中，最后使用 ggsave 将其保存为 PDF : p1 % mutate(label2
当我使用具有 for 循环的嵌套 let 语句时，如果没有 (do (html5 ..))，我将无法运行内部 [:tr]。 (defpartial column-settings-layout [&
执行 vagrant up 时出现此错误: anr@anr-Lenovo-G505s ~ $ vagrant up Bringing machine 'default' up with 'virtua
# ################################################# # Subroutine to add data to the table Blas
我想创建一个检查特定日期格式的读取主机。此外，目标是检查用户输入是否正确，如果不正确，则提示应再次弹出。 当我刚接触编程时，发现了这段代码，这似乎很合适。我仍然在努力“直到” do {
我关注这个tutorial在谷歌云机器学习引擎上进行培训。我一步一步地跟着它，但是在将 ml 作业提交到云时我遇到了错误。我运行了这个命令。 sam@sam-VirtualBox:~/models/r
我是一名优秀的程序员,十分优秀！