div+css 宽度自动隐藏并且显省略号

css教程 div宽度自动隐藏并且显省略号
<html xmlns="http://www.jzread.com/1999/xhtml">
<head>
<title>css div宽度自动隐藏并且显省略号</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
 #abc{
 display:block;/*内联对象需加*/
 width:200px;
 word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */
 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
 text-overflow:ellips教程is;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使*/
 }
 #cde{
  width:200px; /* 必须设置宽度 */
  word-break:keep-all;/* 不换行 */
  white-space:nowrap;/* 不换行 */
  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow:ellipsis;/
 }
</style>
</head>
<body>
<div  id="abc">
fdsafdsaklfdjsaklf;djakl;fdjsakf;djsakfldajfklda;fjdsakl
</div>
<div  id="cde">
建站教学网|免费学习建站技术,建站指南,建站教程和技术交流中心
</div>
</body>
</html>

时间： 2024-09-20 00:09:36

div+css 宽度自动隐藏并且显省略号的相关文章

css div宽度自动隐藏并且显省略号

<html xmlns="http://www.111cn.net/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head&g

DIV+CSS的一个隐藏出现效果

css  HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

JQuery浮动DIV提示信息并自动隐藏的代码_jquery

复制代码 代码如下: /** * 浮动DIV定时显示提示信息,如操作成功, 失败等 * @param string tips (提示的内容) * @param int height 显示的信息距离浏览器顶部的高度 * @param int time 显示的时间(按秒算), time > 0 * @sample <a href="javascript:void(0);" onclick="showTips( '操作成功', 100, 3 );">点击

js和css写一个可以自动隐藏的悬浮框_javascript技巧

今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框.css肯定是用来控制样式的,js用来控制器显示与隐藏的.显示与隐藏通常有两种方法实现:1,用js控制其显示属性:2,用js控制其大小. 今天要说的就是通过控制其大小来实现元素的显隐,原理:为其注册鼠标移入.移出的事件,当鼠标移出对象范围,将其宽度设为1,当鼠标再次移入该对象,将其宽度还原.很简单,我们一起看看吧! 隐藏状态:   左边那一条窄线就是隐藏以后的悬浮框. 显示状态:   当鼠标滑到左边的悬浮框上,悬浮框就又显示出来了. CS

CSS控制文字溢出时的自动隐藏方法

 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

js不能获取隐藏的div的宽度只能先显示后获取_javascript技巧

var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 var windowWidth = $(window).width(); $(".Loading").css({ "display": "block" }); //再显示 $(".Loading").css({ &q

dw括号里面的宽度-css宽度问题，明明没有规定div的宽度，但是在DW里面显示是有宽度的

问题描述 css宽度问题,明明没有规定div的宽度,但是在DW里面显示是有宽度的 有时候写代码,明明没有规定div的宽度,但是在DW里面显示是有宽度的,如图,浏览器测试一切正常,宽度显示也是100%,但是还是想知道为什么在DW里面就会有括号显示其他宽度.有时候明明规定了宽度大小,括号里面也会显示另一个宽度,有大神知道原因么? 解决方案 你那不是引了一个class吗 解决方案二: 网页是有默认宽度的!!!!!!

div+css横向三栏布局自适应宽度示例

div+css横向三栏布局自适应宽度示例以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

div+css右侧自适应宽度布局示例

div+css右侧自适应宽度布局示例 以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]