小编Din*_*ivu的帖子

当我在Google Chrome中使用省略号inContent可编辑Div时缺少文本

我正在研究text-overflow: ellispsis谷歌浏览器中的媒体资源。当我向内容可编辑的div添加更多文本时,整个文本丢失了。

这是我的代码。http://jsfiddle.net/dineshk/ukwf8od7/

我正在使用Google Chrome 35 +

的HTML

<div contenteditable="true" class="edit">This is a Test case,Its a testing text not actual text</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

.edit {
    width:150px;
    height:20px;
    background:#dcdcdc;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

3
推荐指数
1
解决办法
741
查看次数

替代字母的不同的颜色在词

在此输入图像描述

我想给一个单词中的替换字母赋予绿色(或任何其他)颜色.

我怎么能用CSS做到这一点? Jquery也适合我

提前致谢

html css jquery

2
推荐指数
2
解决办法
5060
查看次数

仅 CSS - 使第一个元素在:悬停在任何同级元素上时更改颜色

我想要使用CSS 的解决方案

我们这里有 3 个圆圈。

每当我在类名为 Mycircle 的圆圈上执行鼠标悬停时,类名为 BigCircle 的圆圈应更改为红色

html

<div class="BigCircle"></div>
<div class="mycircle"></div>
<div class="mycircle"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

.mycircle,.BigCircle{width:50px; height:50px; border-radius:30px; background-color:grey; margin:3px}
.mycircle:hover{background:yellow}

.mycircle:hover .BigCircle{background:red}
Run Code Online (Sandbox Code Playgroud)

这是演示> http://jsfiddle.net/JGbDs/4/

提前致谢

html css

1
推荐指数
1
解决办法
3018
查看次数

删除图像和Container之间的间隙

在此输入图像描述

你可以把图像,这个演示http://jsfiddle.net/yJUH4/8/

正如您在图片中看到的那样,图像与Container之间存在一个小差距.图像已经给了css vertical-align:middle.当我增加容器的高度时,它完美地工作.等待一个好的答案

html css

0
推荐指数
1
解决办法
599
查看次数

在另一个样式的div中安装带有背景图像的div

这是我的代码:

.dl {
    width: 200px;
    height: 200px;
    background: pink;
    text-align: center;
    border: 1px red solid
}
Run Code Online (Sandbox Code Playgroud)
<div class="dl">
  <div style="background:url(https://upload.wikimedia.org/wikipedia/en/0/04/Sprite_Remix_3_Versions.jpg); width:160px; height:323px; margin:0 auto">
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想在div容器中放入一个带背景图像的div.现在,内部div的背景图像的宽度和高度都大于容器.

我该怎么做呢?下面是我想要完成的图片.

在此输入图像描述

html css

-5
推荐指数
1
解决办法
106
查看次数

标签 统计

css ×5

html ×5

css3 ×1

html5 ×1

jquery ×1