CSS标签内多余内容隐藏

CSS:

1 <style>
2 .mazey{width:100px;}
3 .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4 </style>

HTML:

1 <div class="mazey nowrap">http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#</div>

CSS标签内多余内容隐藏

时间: 2024-10-11 23:29:30

CSS标签内多余内容隐藏的相关文章

总结php删除html标签和标签内的内容的方法

经常扒别人网站文章的坑们:我是指那种批量式采集的压根不看内容的,少不了都会用到删除html标签的函数:这里介绍3种不同用途上的方法: $str='<div><p>这里是p标签</p><img src="" alt="这里是img标签"><a href="">这里是a标签</a><br></div>'; 1:删除全部或者保留指定html标签 php自带的

js 获取标签内的内容

js 获取标签内的内容 参考:这篇博客给了我很大的启发. http://www.cnblogs.com/breakdown/archive/2012/10/09/2716221.html 我遇到的问题:获取span标签中的值51,各种折腾:正则,截取,替换,最后参考上文使用替换解决了.特感谢博主. <a href=""><span id="span4028807e4ebe04ee014ebea76a6d0001alarm" style="

xpath提取目录下所有标签内的内容 //text()

利用xpath来提取所有标签里面的内容,即使标签头不同 1 #-*-coding:utf8-*- 2 import re 3 import os 4 from lxml import etree 5 html = ''' 6 <!DOCTYPE html> 7 <html> 8 <head lang="en"> 9 <meta charset="UTF-8"> 10 <title>测试-常规用法</t

xpath提取目录下所有标签内的内容,递归 //text()

利用xpath来提取所有标签里面的内容,即使标签头不同 1 #-*-coding:utf8-*- 2 import re 3 import os 4 from lxml import etree 5 html = ''' 6 <!DOCTYPE html> 7 <html> 8 <head lang="en"> 9 <meta charset="UTF-8"> 10 <title>测试-常规用法</t

正则匹配抓取input 隐藏输入项和 &lt;td&gt;标签内的内容

这里不多作解释了,只要提供方法,如果想了解正则匹配,就去百度. 第一条是,匹配出所有的隐藏输入域 1 $patern = "/<input(.*?)type=\"hidden\"(.*?)name=\"(.*?)\"(.*?)value=\"(.*?)\"(.*?)>/im"; 2 if(preg_match_all($patern,$content,$hidden_match)){ 3 4 for($i=0;$i

td标签内的内容过长导致的问题的解决办法

问题描述:在开发过程中,td标签中的有一个cell格中的内容过长,导致td标签高度增加,从而导致整个页面内容的不协调: 当td标签高度增加,而表格所在的div高度又固定的时候,会导致最后一行的内容丢失. 解决方法: 给td标签加style属性: style="white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;" width="200" 解释: 使用text-ov

javascript 获取 class 样式 重新赋值class样式 为div等系列标签内更改内容

name = document.getElementById(project_not_through_id).className;                     // 获取目标id的 class 中的内容 document.getElementById(project_not_through_id).className = 'label label-success'; // 重新为目标id class 赋值,即为修改了它的class样式 document.getElementById(

html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行

鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结. html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用. 鼠标经过html 链接title内容换行效果截图 一.直接title内容换行   -   TOP 直接填写title内容时候"回车键"换行,示例代码如下: <a href='http://www.divcss5.com/jiqiao/j510.shtml' target

div style标签内嵌CSS样式

我们在DIV标签内.SPAN标签内.p标签等html标签内使用style属性直接设置div的样式. 一.在<div>标签内使用style设置css样式   -   TOP 1.实例html源代码片段: <div style="font-size:14px; color:#F00">设置字体大小14px,颜色为红色</div> 2.div标签内使用style设置样式截图 div标签内设置样式截图 二.在<span>标签内使用style设置c