原文:CSS+DIV实现文字一行内显示,并且过多的文字以点来代替

有些时候我们在使用CSS DIV进行排版实现大量的文字的时候,为了页面的美观,这里需要将文字在div中一行显示,并且将过多的文字进行隐藏,以点号进行代替。当鼠标放上面的时候会以title的形式显示所有的内容。 如下图所示为使用样式排版之前的效果: 如下图所示为使用样式排版之后的效果: 明显下面的效果图要比之前友好实用多了。 如下为源码: lt DOCTYPE html PUBLIC W C DTD ...

2013-09-24 21:24 0 2579 推荐指数:

查看详情

css文字一行内显示

1.例如 p元素,里面的文字不换行显示,超出部分不隐藏 p{ width:100px; word-break:keep-all; white-space:nowrap; } 2.例如 p元素,里面的文字不换行,超出部分用省略号代替 p ...

Mon May 22 22:23:00 CST 2017 1 14835
css+div解决文字溢出控制显示字数

一、一般的文字截断(适用于内联与块): Example Source Code [www.mb5u.com] .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换 ...

Fri Nov 11 23:37:00 CST 2016 0 5857
DIV+CSS如何让图片和文字在同一行

div+css布局中,如果一行(或一个DIV)内容中有图片和文字的话,图片和文字往往会一个在上一个在下,这是一个新手都会遇到问题,我的解决方法有三: 1.添加CSS属性:vertical-align:middle; 代码: <style> a img{border:none ...

Mon May 22 05:24:00 CST 2017 1 19878
DIV+CSS 让同一行的图片和文字对齐

div+css布局中,如果一行(或一个DIV)内容中有图片和文字的话,图片和文字往往会一个在上一个在下,这是一个新手都会遇到问题,我的解决方法有三: 1.添加CSS属性:vertical-align:middle; 代码: <style> a img{border:none ...

Tue Dec 18 20:57:00 CST 2012 0 53163
css文字超出一行显示省略号

1,css超出一行用点表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2,css超出二用点表示 overflow:hidden; text-overflow:ellipsis; display ...

Fri Apr 12 17:18:00 CST 2019 0 7784
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM