html5-让span里面的文字换行?

问题描述

让span里面的文字换行?

一个固定尺寸的div里面有一个span,span里面的文字很长,但没有空格和回车符,在这种情况下,如何让文字换行?

解决方案

word-break:break-all;word-wrap:break-word;

解决方案二:

http://blog.csdn.net/qingyun0719/article/details/5629981

解决方案三:

text-overflow:ellipsis;
white-space:nowrap;

解决方案四:

就行了呗。。。。

解决方案五:

输入--
换行符就行了


解决方案六:

span {margin:0 -.5em;}

时间: 2024-10-29 01:17:42

html5-让span里面的文字换行?的相关文章

走进HTML5入门到精通:<span>标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <span> 标签 定义和用法 <span> 标签用于对文档中的行内元素进行组合. HTML 4.01 与 HTML 5 之间的差异 没有. 提示和注释: 风信网(www.ithov.com)提示:请使用 span 元素对行内元素进行分组,以便通过样式对它们进行格式化. 例子 <p>This is a paragraph <span style="color:#00

Html5 CSS3新标签解释及用法

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div> 和

HTML5中语义化 b 和 i 标签

  b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是"表现"粗体和斜体,而没有任何"语义".更多的用 strong 和 em 标签代替. 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的: 从规范中可以注意到:b 和 i 元素将被赋予真正的语义.更应有预见性注意 b .i 与 strong .em 的不同使用 . A Preview of HTML 5 The b element now repres

Html5响应式设计实现九宫格

自从响应式设计的理念提出以来,越来越大的网站采用这种思想.各类大型网站也如雨后春笋般的涌了出来.如:小米商城,天猫等. 至于响应式设计的概念等大家可以去百度百度,我这里就不相信讲解了.直接为大家带来源码,用Html5实现响应式的九宫格.代码如下: <!DOCTYPE html> <html> <head> <title>html5响应式九宫格</title> <meta http-equiv="Content-Type"

Html5多媒体相关的API---video

在HTML5中,新增了两个元素---video元素与audio元素,其中video元素专门用来播放网络上的视频或电影,而audio元素专门用来播放网络上的音频数据. 我们先来看看video元素的相关知识点. 一:HTML5中的video标签支持3种常用的视频格式: 1.Ogg = 带有Theora 视频编码和Vorbis 音频编码的 Ogg 文件: 2.MPEG4 = 带有H.264 视频编码和AAC 音频编码的MPEG 4 文件: 3.WebM = 带有VP8 视频编码和Vorbis 音频编码

HTML5

I.HTML5标签的改变1.文档声明 HTML语法是不区分大小写的 HTML5的DTD声明为:<!doctype html> 确保浏览器能在HTML5的标准模式下进行渲染 \App3_HTML5\Module1_Layout\html5.html <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title&

HTML5 事件属性

HTML5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商.HTML 5 中的一些新特性:嵌入音频.视频.图片的函数.客户端数据存储,以及交互式文档.其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>. 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML5 改进了互

CSS命名的语义化和html5为语义和体验而生

文章简介:html5–为语义和体验而生. 开篇前的一些YY 曾几何时,一个人出设计稿,出完设计稿打开DW用拖出一个页面,再苦逼一点拖完页面后自己还要写后台,武林人称:美工.更苦逼的是当每一次需求变更后,去修改一大堆发麻的 ,于是"div+css"被搬上了互联网时代的舞台,一夜间N多的<DIV+CSS>葵花宝典横空出世,那时,我们活在了div+css的年代,那时,我们用上了 之后,腰不酸,腿不痛,加班也带劲了. YY结束,切入正题 Ghost曾在2年前就以<页面重构中的

HTML5教程:如何使用details元素和summary元素

文章简介:details 和 summary 元素. 曾几何时,我们创建可以显示/隐藏一些内容的小组件时,我们不得不使用Javascript.有时候你可能不得不为这个小功能,下载一个完整的 JS 库才能达到这个功能效果.为下面的时刻欢呼吧!HTML5提供了创建这种拖拽特点的方法,我们仅仅需要简单的几行html代码就能获得这种效果(从目前而言,这种效果还依赖于使用的浏览器,当然,在不久的将来,这可能不是问题).下面让我们一起来看看 <detail>元素. 下面就是规范中的描述 The detai