ydzf.net
当前位置:首页 >> html中省略号代码 >>

html中省略号代码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>显示省略号和多行</title> <style type="text/css"> .detail-text { width: 200px; height: 80px; margin: 20px auto; font-size: 20px; color: #888888; word-wrap: break-word; border: 1px

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,这个有两种解决方法 一是用程序开截取字符长度,这个其实也是可以的 第二种是用样式来做,这里主要介绍一下用样式怎么来做吧,我话也不多说了

这是用程序控制的,而不是CSS.ASP中用left(文本,长度)&"" PHP中用substr(文本,0,度).''; 来获取.

小气鬼的楼主,连一分都不给但正好有时间,我来帮你注释吧.<styletype="text/css">body{font-family:arial,helvetica,sans-serif;/*字体种类*/font-size:12px;/*字体大小*/}div{width:200px;/*容器宽度*/height:24px;/*高度*/line-height:24px;/*行

就是比如有一行文字,很长,表格内一行显示不下

通常的做法是这样的:1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对Opera;

直接看代码吧:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML5标签</title><style>p{/**white-space:nowrap;表示文本不会换行,在同一行继续,知道遇到标签为止;overflow:hidden;不显示超过对象尺寸

{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}//这是超出的使用省略号显示:hover{ overflow: initial; }//鼠标移动到圆圈上时,文字就显示正常了

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description"

如果是单面自己写的页面,加直接输入五行后用省略号.如果是调用数据库并有网站程序,可以网站程序的标签上设置调用字节数.标签后用省略号.

zdly.net | 4585.net | lzth.net | nnpc.net | mqpf.net | 网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com