html页面中根据div长度显示标题(截取字符串)

  1. 不使用jQuery js,用css控制字符串显示的长度

    没有控制之前的效果

    控制之后

  2. CSS代码 style="width: 550px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"  注意控制文章或者标题所在div的长度。
时间: 2024-11-10 16:14:58

html页面中根据div长度显示标题(截取字符串)的相关文章

设置div中的div居中显示

设置div中的div居中显示 方法一. <div class='big'> <div class='small'>box1</div> </div> style样式: .big{ height:200px; width:200px; border:black solid 1px; position:absolute; left:150px; } .small{ height:100px; width:100px; background-color:green

thinkphp中页面中时间的默认显示

1,第一我们都知道thinkphp 控制器和页面是通过$this->assgin();或着$this->在页面中要得到的值的随便变量   ,来传值的 比如(此方法是在有时间控件才能使用的): $select_time = array( 'start_time' => date('Y-m-d',strtotime('-1 weeks')),'end_time' => date('Y-m-d')); $this->select_time = $select_time; <s

在前端页面中使用@font-face来显示web自定义字体【转】

本文转自W3CPLUS 的<CSS @font-face> @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使

页面中根据滚动条,显示返回顶部图标

比较简单,直接记录代码 window.onscroll = function(){ if(document.body.scrollTop>10){ $('#go-top').show(); } if(document.body.scrollTop<=10){ $('#go-top').hide(); } }<pre name="code" class="javascript">function goTop() { <span style

js文件需要jsp页面中的div时,此js文件必须在div之后才能获得值,否则获取不到

2.图2的内容为directionkey.js的内容

shockwave flash has crashed(Flash 插件崩溃导致页面中的flash不显示)怎么办

1.原理: 应该电脑里最近装了chorme或者基于chorme内核的浏览器.越来越多的人开始使用chrome的浏览器,很多用户都遇到过flash崩溃的问题,有时候重启chrome可以解决,有时候会导致无法用chrome打开任何网站上的任何flash.这个问题很少在Firefox或者IE上发生.] 原因是除了chrome以外的浏览器都直接使用第三方的插件,比如adobe的,而只有chrome除了使用第三方插件之外,自身还内置了一个flash播放器.chrome的很多这样的功能设计使得它在速度,效率

DOS命令(cmd)批处理:替换字符串、截取字符串、扩充字符串、获取字符串长度

1.替换字符串,即将某一字符串中的特定字符或字符串替换为给定的字符串.举例说明其功能:========================================= @echo off set aa=伟大的中国!我为你自豪! echo 替换前:%aa% echo 替换后:%aa:中国=中华人民共和国% echo aa = %aa% set "aa=%aa:中国=中华人民共和国%" echo aa = %aa% pause ==============================

怎样扩展EasyUI在页面中马上显示选中的本地图片

在编写前台页面的时候,有时须要将选中的图片夹杂着其它信息一起上传到服务端,在选着本地图片的时候,为了获得更好的效果,须要将该图片显示在页面上. 最初思路有两个.详细例如以下: 1.获取选中文件的二进制数据再传递给画板,画出图片来. 2.获取选中文件的传递给Img标签. 经过測试,得到例如以下结果: 1.Img标签的src无法指向本地路径的文件,这应该是基于安全考虑的结果吧. 2.通过File API 读取的文件二进制数据无法直接传递给Cancav画板画出选中图片,这也许也是基于安全考虑的结果.

如何扩展EasyUI在页面中立即显示选中的本地图片

在编写前台页面的时候,有时需要将选中的图片夹杂着其他信息一起上传到服务端,在选着本地图片的时候,为了获得更好的效果,需要将该图片显示在页面上. 最初思路有两个,具体如下: 1.获取选中文件的二进制数据再传递给画板,画出图片来. 2.获取选中文件的传递给Img标签. 经过测试,得到如下结果: 1.Img标签的src无法指向本地路径的文件,这应该是基于安全考虑的结果吧. 2.通过File API 读取的文件二进制数据无法直接传递给Cancav画板画出选中图片,这或许也是基于安全考虑的结果. 3.经过