小编ml9*_*l92的帖子

我希望在单词结束后截断文本,而不是截断半个单词,如下例所示.

的jsfiddle

我想做什么我在下图中说明了:

码:

div {
  font-size: 20px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

<div>

  Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut incididunt labore lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore lorem ipsum dolor sit amet consectetur adipiscing elit
  sed do eiusmod tempor incididunt ut labore lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor …

我的滚动条底部有问题，没有向下箭头。

我还添加了 Overflow-y:scroll !important;

http://jsfiddle.net/nzguLb3k/

超文本标记语言

<div class="first">
    <p>
        CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1></h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.

Now that web fonts and SVG do much more of the heavy lifting …

我有问题,我有一个固定的容器,里面我有绝对div,我想设置.absolutediv height:100%;为容器div的全高(500px).这是我试图解决我的问题,这需要因为我想创建带有切换容器的移动菜单,对我来说重要的是100%手机屏幕的高度.

https://jsfiddle.net/d1bh9ncs/

HTML

<div class="container">
  <div class="fixed">
    <div class="absolute">

    </div>
  </div>
</div>

CSS

.container{
  width:100%;
  height:500px;
  background-color:#ddd;
}
.fixed{
  position:fixed; 
  width:100%;
  height:50px;
  background-color:red;
  top:8px;
  left:8px;
  right:15px;
}
.absolute{
  position:absolute;
  height:100%;
  width:100%;
  background-color:green;
  top:51px;
  left:0px;
}

在jQuery中，我知道如何解决此问题，但是在纯Javascript中，我没有任何想法。

当在人字形下单击我的内容显示时，但在显示时我想将人字形更改为人字形。

我不知道如何进行“点击”更改样式并设置以下内容：

transform: rotate(180deg);。

切换效果，当再次单击以使V形向下并反复返回时。

JSFiddle

HTML：

<p>
Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu Lorem ipsum dolor sit amet consedier tu 
</p>
<div id="show-more-footer" onclick="myFunction()">
   <i class="fa fa-chevron-down" …

我有 avada 主题，我创建了子主题，如何在子主题中添加我的自定义 js 文件。

我尝试使用此视频教程，但没有成功 https://www.youtube.com/watch?v=4xbvhXj72kU

你能帮助我吗！

我有一个容器display: block.在他们里面我有3个div.现在我不想像我编码那样订购它们,但那是不可能的,因为我的容器div是display: block,而不是display: flex.

在我的情况下,我想要3个div是一个低于另一个.这就是我放块的原因.

这是JSFIDDLE演示,我试图解决我的问题. https://jsfiddle.net/u441j2rv/1/

HTML

<div id="blockContainer">
    <div>Block A</div>
    <div>Block B</div>
    <div>Block C</div>
</div>

CSS

#blockContainer{
    display: block;
}
#blockContainer div:nth-of-type(1){
  background:red;
  -webkit-order: 3;
  order:3;
}
#blockContainer div:nth-of-type(2){
  background:green;
  -webkit-order: 1;
  order: 1;
}
#blockContainer div:nth-of-type(3){
  background:blue;
  order: 2;
  order: 2;
}