如何让超过的强制换行 div

原创

brokenjoin 2013-09-09 10:27:00 博主文章分类：web开发 ©著作权

©著作权归作者所有：来自51CTO博客作者brokenjoin的原创作品，请联系作者获取转载授权，否则将追究法律责任

css强制不换行 
div{white-space:nowrap;} 

css自动换行 

div{ word-wrap: break-word; word-break: normal; } 

css强制英文单词断行 

div{word-break:break-all;}

另外可以设置最低宽度：min-width 和 overflow：hidden

上一篇：wordpress 文件结构和模板函数笔记

下一篇：js控制鼠标上移变换图片

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

设置 div自适应高度

<body> <div class = "row"> <div id = "top" >上部 </div> <div id = "main">中间部分 </div> <div id = "bottom" >底部</div></div&g

jquery 动态设置 div 布局
vue实现div高度可拖拽

vue实现div高度可拖拽这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边有根据我的实际需求又重新修改了一下，先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1

拖拽宽高 git
DIV实际高度小于设置高度的问题

###在本地运行没有出现这种情况，部署到线上就出现了，不太了解原因，选择用min-height解决了

CSS
div 设置最大高度css div设置float后高度不自动增加解决

在用css重构主页的时候，发现最大的那个标签高度不会随着内部标签增加而变高，导致我的背景色不会覆盖，研究了一下，原来跟float有关，解决方法，主要是一下四种： 1. 额外标签法这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。我个人不喜欢这种方法，但是它确实是W3C推荐

问题代码
jQuery div 设置宽度和高度

# jQuery div 设置宽度和高度## 引言在开发网页中，经常需要对页面中的元素进行样式的调整，其中包括设置元素的宽度和高度。本文将教会刚入行的小白如何使用 jQuery 来设置 div 元素的宽度和高度。## 整体流程首先，我们来看一下整个流程的步骤。下面的表格展示了每一步需要做什么。| 步骤 | 描述 || ---- | ---- || 步骤1 | 引入 jQue

jQuery html
Vue设置高度为浏览器高度

<!-- * @Descripttion: Vue设置高度为浏览器高度 * @version: * @Author: zhangfan * @email: 2207

vue Vue i++
div高度设置100%无效的问题

今天遇到一个问题，给div设置高度 height: 100%;却没有生效，在f12审查元素的时候可以看到高度字占据了半屏，并没有占据100%全屏，也就是说，div高度设置100%无效。这个问题该怎么解决?记录一下解决办法:找到div的父级元素，并且给父级元素手动设置一个高度，这个问题就解决了。错误原因，根本在于没有浏览器是计算元素高...

div
js设置iframe子页面中div高度

首先给出一个结论：div节点高度要实现百分比，其父节点必须要有确定的高度。所以在body节点下的子节点若想要用百分比来确定高度

html 子节点嵌套
【CSS系列】height:100%设置div的高度

一、div设置百分百高度实现描述在html布局中body内第一个div盒子对象设置100%高度height样式，是无法成功显示100%高度的。这个是因为body高度默认值为自适应的，所以及时设置body第一个布局div高度为百分比也是无效的，因为div解析上级高度为0，自然div height 1

css 干货
DIV高度自适应(min-height)与设置DIV最小高度为1px

[url]http://www.syscy.com/articleview/2009-6-2/article_view_768.htm[/url]-------------------{height:auto !important;height:600px; min-height:600px;}

Java
大div套多个小div，怎样设置外div的高度自适应？

在最后一个div 后面加上 overflow:hidden;如下： <div style="width:580px; height:auto; margin:0 auto; <div style="height:100px; width:230px; float:left; margin:20px"

div
jquery 设置只能滚动到指定div的高度

# jQuery 设置只能滚动到指定 div 的高度在开发网页应用中，经常会遇到需要设置滚动条只能滚动到指定 div 的高度的需求。这样做的好处是可以控制用户在页面中的浏览范围，避免他们滚动到不应该看到的内容。本文将介绍如何使用 jQuery 实现这个功能，并提供代码示例供参考。## 1. 设置指定 div 的高度首先，我们需要确定要设置滚动限制的 div 元素。假设我们有一个 div

代码示例 jQuery CSS
jquery 设置confirm高度 jquery设置div高度

这个问题今天可是整了我一上午，原本是打算用js实现，结果兼容性很难得处理．最后选择了jquery，方法如下(这里是我推荐的方法),使用简单，兼容性好．只需要在页面中设置一句代码就搞定,这么好的东西所以把代码贴出来，供大家参考，另外，网上也有很多种方法，下面我也一一作了一个分析．大家可以看一下，不对请指正．谢谢．function SetSameHeight(obj1,obj2) { v

高度自适应 jquery css 取对象
javascript div高度 js设置div的宽度高度

利用JS来改变div的高度var contextBlockHeight = document.getElementById('contextBlock').clientHeight;if ( contextBlockHeight > 430) { contextBlockHeight = contextBlockHeight + 50; document.getElemen

JavaScript
div jquery 自适应高度 div设置高度自适应

本文和大家重点讨论一下解决DIV高度自适应的方法，这里主要从四个方面来向大家介绍，相信通过本文学习你对DIV高度自适应问题会有更加深刻的认识。DIV高度自适应关于DIV高度的自适应，一直是个让人头疼的问题，整理了一下以前总结的方法，仅表示我也玩过。htmlcode:1. <div id="container"> 2. <dividdivid="leftSide">这边的高

div jquery 自适应高度 ide 高度自适应 javascript
div jquery 动态宽度高度 jquery设置div的宽度和高度

使用jquery来设置html元素的显示与隐藏属性，同时调整div的高度注意1：jquery无法获取图片高度！因为jquery是在网页框架加载完就立即执行，此时网页里的图片还没有加载，被jquery认为高度为0，而实际高度不是0，就会造成偏差。最好自己设定图片高度。注意2：如果一个超链接标签 a 要绑定一段jquery函数，则设置<a herf="javascript:void(0)"&gt

div jquery 动态宽度高度 javascript ViewUI ide jquery
div 高度 javascript div 高度宽度相等

今天在开发时遇到一个问题，如何使高度等于百分比的宽度。原本的想法是通过js获取，但是这个方法感觉太麻烦，希望能用css做的事情就不要js去做。完美的方案是通过padding来实现的。原理padding的定义:padding属性设置一个元素的内边距，padding 区域指一个元素的内容和其边界之间的空间，该属性不能为负值。取值<长度>可指定非负的固定宽度. See <length&

div 高度 javascript css 取值固定宽度
vue动态设置元素高度

vue代码： <div :style="{width: divWidth, height: divHeight}"></div> data数据： data() { //这里存放数据 return { divHeight:0, divWidth:0 } }, created方法赋值 created()

赋值数据 vue html
Div自动高度

height:auto; overflow: auto; 说明：overflow（溢出控制）：visible（默认，可见）、auto（自动）、scroll（显示滚动条）；

其他

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区