我正在研究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) 
我想给一个单词中的替换字母赋予绿色(或任何其他)颜色.
我怎么能用CSS做到这一点? Jquery也适合我
提前致谢
我想要只使用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/
提前致谢

你可以把图像,这个演示http://jsfiddle.net/yJUH4/8/
正如您在图片中看到的那样,图像与Container之间存在一个小差距.图像已经给了css vertical-align:middle.当我增加容器的高度时,它完美地工作.等待一个好的答案
这是我的代码:
.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的背景图像的宽度和高度都大于容器.
我该怎么做呢?下面是我想要完成的图片.