`
zhechang520
  • 浏览: 6951 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

嵌套DIV 内层div宽度超出的时候强制不换行.

阅读更多

       偶然情况下发现,当在一个div中放置多个div时,里面的div宽度超出限定宽度的时候想让他们不换行. 类似传统做法实现很麻烦.  折腾了好一会才弄出来一个办法。  特地记录一下。

       看一张图就明白了。      

 

          等于就是说.限宽div里面只允许一个div,一个div超出宽度的时候是没法换行的. 那么在内层再包裹一个宽度足够大的div,问题就解决了。

 

  • 大小: 152.7 KB
1
0
分享到:
评论

相关推荐

    html中的div、td 、p 等容器内强制换行和不换行的实现

    1、强制不换行,同时以省略号结尾。 复制代码代码如下: <div xss=removed> 你好朋友朋友朋友我为什么不能看到效果啊 </div> 2、css自动换行 ...若是div嵌套,要使内层div根据内容自动换行,则可只设置外层的

    CSS 嵌套DIV布局(position属性)

    如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。...

    零基础学HTML CSS源代码

    div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示CSS基础部分知识。 CSS基础.html 演示CSS基础链接知识用法。 style1.css ...

    css两端对齐之div+css布局实现2端对齐的4种方法总结

    div+css布局实现2端对齐是我们网页排版中经常会使用到的,这篇文章将...该方法需要外面多嵌套一层来实现,通过元素的间距,做为中间层的margin溢出值来实现 <style> .box{ width:300px;margin:auto;overflow:

    Firefox div高度自适应

    1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般...如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是

    css笔记课程笔记2019,5,22

    @import url(div.css); </style> (4)使用头标签 link,引入外部css文件 - 第一步 ,创建一个css文件 - <link rel="stylesheet" type="text/css" href="css文件的路径" /> *** 第三种结合...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...

    DIV+CSS 布局代码精简对SEO的影响

     表格的嵌套问题 很多网站如何网上推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Table佈...

    滑动门 圆角背景宽度和高度自适应

    实现的方法很简单,其实就是套2层,其中外层用长背景,内层用短背景盖住。拿高度自适应来说,可以用一个div(用长背景居底铺)嵌套一个h2(用短背景居顶铺)标签。圆角背景高度自适应: 复制代码代码如下: <style...

    ExtAspNet_v2.3.2_dll

    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...

    Web前端基础:HTML5语义化标签.pptx

    例如一篇完整的论坛帖子,一篇网站新闻……可以嵌套,则内层的artilce对外层的article标签有隶属的关系。HTML5语义化标签示例<article> 文章标题</h1> 这是一篇文章 评论1...</article> 评论2...</article></article...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:(x>y)> ...

    关于JavaScript与HTML的交互事件

    事件流描述的是从页面中接收事件的顺序,比如有两个嵌套的div,点击了内层的div,这时候是内层的div先出发click事件还是外层先触发?目前主要有三种模型 IE的事件冒泡:事件开始时由最具体的元素接收,然后逐级向上...

    css入门笔记

    必须是父子(有层叠嵌套的关系)结构 大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式(就近原则) 3.内联样式 4.!important; 绝对优先使用() 格式 p{ color:red !important; ...

    从入门到精通HTML5——PDF——网盘链接

     第8章 层标记——div 161  教学录像:33分钟  8.1 层 162  8.1.1 层的分类 162  8.1.2 定义数据块 162  8.2 <div>标签 163  8.2.1 <div>标签的简介 163  8.2.2 <div>标签的属性 164  ...

    CSS网站布局实录 (第二版)PDF版

    3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 ...

    css介绍快速学习

    标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就可以用此选择器。 例: p { color:#00FF00;} p b { color:#FF000;} <p>P标签刘德华段落样式 <p>P标签段落 b)组合选择器 对多个不同选择器进行相同样式...

    JQuery中DOM事件冒泡实例分析

    本文实例分析了JQuery中DOM事件冒泡。分享给大家供大家参考。具体分析如下: 什么是冒泡 ... 内层span元素 外层div元素 </div> [removed] $(function(){ // 为span元素绑定click事件 $('span').bind(cli

Global site tag (gtag.js) - Google Analytics