keimon
keimon

css实现在文本溢出时，显示省略标记（...）

属性：强制换行：

word-wrap:break-word; word-break:break-all; white-space:pre-wrap;
　　　 强制不换行：

overflow:hidden; width:300px; white-space:nowrap; text-overflow: ellipsis;

<style>
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #000; }
ul {
    width: 300px;
    margin: 40px auto;
    padding: 12px 4px 12px 24px;
    border: 1px solid #D4D4D4;
    background: #F1F1F1;
    list-style: none;
}
li { margin: 12px 0; }
li a {
    display: block;
    width: 80px;
    overflow: hidden;/*注意不要写在最后了*/
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;  
}
/*
clip：
    不显示省略标记（...），而是简单的裁切。
ellipsis：
    当对象内文本溢出时显示省略标记（...）
*/
</style>
</head>
<body>
<ul>
   <li><a href="#">网页设计网页设计网页设计</a></li>
</ul>

你可能感兴趣的:(div-css)

  • 关于SEO优化 Lost_Youth
    什么是SEO？SEO的中文意思是搜索引擎优化。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和Google的排名提高，让搜索引擎给你带来客户。深刻理解是：通过SEO这样一套基于搜索引擎的营销思路，为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。SEO常用方式采用div-css布局的网站对于搜索引擎很是友好，因此其避免了Table嵌套层
  • div-css是世界上最垃圾的语言 废文鉴定师
    div+css布局是我见过的最繁杂，最困难，最恶心的布局方式。如果你学过android和ios布局的话，你就会明白我为什么这样说了，特别是ios的AutoLayout，直接甩css几万里。从原生布局转向h5布局，简直就是从天堂掉到粪坑。举个例子，实现一个不定高度的div在父div中垂直居中，这在android和ios原生布局中只需一行代码或一个约束即可实现，而使用css，你需要无数代码，并且实现方
  • 图解DIV-CSS布局中绝对定位和浮动用法(两种分三栏布局的方法) HNFXS985 网站
    你对DIVCSS布局中绝对定位和浮动的概念及使用是否熟悉，这里和大家分享一下，CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项中的绝对定位，第二种则是使用CSS中的浮动（float）概念。DIVCSS布局中绝对定位和浮动CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute、static、relative和fixed）中的绝对定位（absolut
  • 通过css将多个图标或图片用同一张图片通过定位背景位置调用到页面 weixin_30536513
    http://www.html-5.cn/div-css/jiaocheng/1692.html转载于:https://www.cnblogs.com/passer1991/archive/2013/01/27/2878369.html
  • CSS浮动(float,clear)通俗讲解 贝壳里的沙 HTMLCSS浮动floatclear通俗讲解
    Div-CSS浮动(float,clear)-position通俗讲解我作为一个研发人员，从事Java软件开发工作多年，大多都是做服务器端程序的开发，当然偶尔也会涉及到前端的工作，这不公司有一个项目即将上线，时间紧急，我们几个具备前端开发技术的Java开发人员临时被委以重任，协助前端开发人员解决多浏览器兼容的Bug等前端工作。由于大学和实习工作时深入研究和应用过基于Div-CSS-JS的网页设计技
  • iframe自适应高度，同时为src属性赋值 iframe
    问题的描述： 　　为了将一个html页面嵌入到另外一个html页面当中，用到iframe标签。 　　在iframe标签的onload事件中，根据传递的参数确定iframe的src属性链接哪一个具体的html页面。 　　遇到的问题是，当页面嵌入之后iframe高度不能随嵌入页面的高度变化，参考“平凡的世界”博客http://www.ccvita.com/category/div-css/的做法
  • IE6常见bug整理 ie6
    By Diaoyude  | 发布时间： 09-08 09:47  | Hits：1,253 | Post in： WEB前端 , Div-Css 针对IE6常见的一些ie6bug,ie6png,E6fixed,ie6 a:hover span bug 今天goole下又发现了一个，整理备录下 1. 强制浏览器是用Web标准解析 HT
  • Firefox和IE通用的三则网站重构的技巧 firefox
     from:http://www.4studio.cn/a/div-css/201108048543.html   Firefox和IE通用的三则网站重构的技巧 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，这时就需要清除浮动。给外
  • 图片在容器里垂直居中 垂直居中
    在div-css布局运用中，如何让图片在容器里垂直居中是很多人询问的问题，这里收集了几个例子 第一个例子<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x
  • 页面定时跳转(倒计时跳转)代码总结 倒计时
    （1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内） <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.phpernote.com/div-css/354.html',3);
  • div+css实现仿猪八戒首页导航菜单效果 佚名
    本文实例讲述了div+css实现仿猪八戒首页导航菜单效果。分享给大家供大家参考。具体如下：这是一款仿猪八戒2010年首页的网页导航菜单，蓝色风格，非常漂亮大气、简洁专业，在此推荐给大家。菜单上有一个标记，指引当前的位置，也是本菜单的亮点。用CSS究竟是如何实现的呢？那么就请一起看代码吧。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/div-css
  • DIV-CSS布局笔记 ReusLi css
    插入-布局对象     DIV标签 margin  外边距 padding 内边距 float  向left or right对齐，记得加在 CSS{..float = "left"} 最后一行 <div id="1" style=&
  • Div-CSS浮动(float,clear)-positon通俗讲解 zolalad cssdivfloat
    Div-CSS浮动(float,clear)-position通俗讲解       我作为一个研发人员，从事Java软件开发工作多年，大多都是做服务器端程序的开发，当然偶尔也会涉及到前端的工作，这不公司有一个项目即将上线，时间紧急，我们几个具备前端开发技术的Java开发人员临时被委以重任，协助前端开发人员解决多浏览器兼容的Bug等前端工作。由于大学和实习工作时深入研究和应用过基于Div-CSS-J
  • DIV-CSS设计之命名规则 Imagination_Fly cssdiv
    CSS页面的各DIV CLASS命名 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:ti
  • DIV-CSS学习笔记 hangzhou 框架cssXHTML搜索引擎Dreamweaver
    1.声明文档类型：XHTML1.0提供了三种DTD声明可供选择：a.  过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：b.  严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下： c.  框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页
  • 转 document.body和document.documentElement,document.compatMode的关系 lich0079 Webcss浏览器IEfirefox
    转自 http://www.seobye.com/div-css/90   对于document.compatMode ，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。其实这个对于我们 开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Qu
  • 转 document.body和document.documentElement,document.compatMode的关系 lich0079 Webcss浏览器IEfirefox
    转自 http://www.seobye.com/div-css/90   对于document.compatMode ，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。其实这个对于我们 开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Qu
  • 转 document.body和document.documentElement,document.compatMode的关系 lich0079 Webcss浏览器IEfirefox
    转自 http://www.seobye.com/div-css/90   对于document.compatMode ，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。其实这个对于我们 开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Qu
  • 转 document.body和document.documentElement,document.compatMode的关系 lich0079 Web浏览器cssIEfirefox
    转自 http://www.seobye.com/div-css/90   对于document.compatMode ，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。其实这个对于我们 开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Qu
  • W3C document.body document.documentElement dingjun1 html浏览器cssXHTML脚本
    转载：http://www.seobye.com/div-css/87  http://www.seobye.com/div-css/90 下面的内容没有完整转载，如果要查看完整内容请去原网站。 1、若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht
  • 有用的网站 ljtat jspPHP浏览器SVNcss
    遇到了就在此添加，大家一起学习！ 1 svn：   http://www.svn8.com/ 2.php   http://www.php100.com 3.网站模版 http://www.web600.net/Index.html http://www.zhong-jin.com/ http://bestmoban.com/div-css/ http:/
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他