易截截图软件、单文件、免安装、纯绿色、仅160KB

css自动截取字符串

提供一种用CSS代码实现自动截取字符串的方法:
CSS代码如下:
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML代码如下:
<div class="test">CSS代码实现自动截取字符串CSS代码实现自动截取字符串CSS代码实现自动截取字符串</div>


相关文档:

DIV+CSS设计时浏览器兼容性问题

在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。

-
  
什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7
IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常 ......

CSS常见的让元素水平居中显示方法

用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
  1.使用自动外边距实现居中
  CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......

常用css命名规则

    头:header
  内容:content/container
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
  登录条:loginbar
  标志:logo
  广告:banner
  页面主体:main
  热点:hot ......

关于css浏览器兼容问题

关于CSS对各个浏览器兼容已经是老生常谈的问题了,.以下内容没有太多新颖, 纯属个人综合网上的文章所得, 有些重复的,懒的删了
 
一、CSS HACK
 
HACK概念:
不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到 ......

yui学习笔记(二) 使用css工具保持一致性

四个css工具:fonts,grids,reset,base
使元素标准化的reset.css
以下普通而常用的元素都将margin和padding值标准化到0
the document body
div and p 
所有list 元素:dl,dt,dd,ul,ol,li
标题级元素:h1,h2,h3,h4,h5,h6
pre和blockquote元素
某些表单元素:form,fieldset,input,textarea
table元素:t ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号