`
thinktothings
  • 浏览: 770513 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

控制两个div不换行

    博客分类:
  • css
 
阅读更多

控制两个div不换行

<html>
<head>
<style type="text/css">
#row1 { float: left; width:90px; }
#row2 { color: red }
</style>
</head>
<body>
<div id="row1">第一个div</div>
<div id="row2">第二个div不换行</div>
</body>
</html>

分享到:
评论

相关推荐

    通过float实现两个div不换行

    复制代码代码如下: &lt;... &lt;head&gt; &lt;style type=”text/css”&gt; div#row1 { float: left;... &lt;div id=”row1″&gt;第一个div&lt;/div&gt; &lt;div id=”row2″&gt;第二个div不换行&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    html中div不自动换行、强制不换行的具体实现

    1.用标签实现不换行 复制代码代码如下: &lt;div&gt;Hello world!&lt;nobr&gt; Hello world!&lt;nobr&gt;&lt;/div&gt; ...4.如果是两个div,可使用float实现不换行 复制代码代码如下: &lt;div class=”class1″&gt;hello &lt;/div&gt; &lt;div cla

    两个div在同一行且不换行的两种方法

    主要介绍了两个div在同一行,两个div不换行的两种实现方法,有不知道的朋友可以参考下

    div中加入span右对齐后出现换行显示两种解决思路

    div中加入span右对齐后,出现了换行问题,一般思路的话一定是认为通过分开两列,一个align=left,另一个align=right;很是疑惑,于是利用闲暇时间,搜索整理下,晒出来与大家分享,希望可以帮助你们

    对于div,p等块级元素css如何实现自动换行

    对于div,p等块级元素想必大家并不陌生吧,下面本文为以示例代码方式为大家介绍下使用css如何实现自动换行

    table中td内容换行问题

    一般有两种:就是td里面再套一个div,然后设置这个div的word-break:all,或者什么,网上很多 第二种是针对表格:首先要将table的宽度设置为100%,然后把表格的sytle的table-layout:fixed,就是表格固定宽度,就是...

    一个挺常用的float布局div问题解决方法

    这次遇到个类似的控件,一个父div带边框,里面就是一个一个float的子div,需要换行的时候加了一个 float:left; height:0px; width:100%; overflow:hidden; font:0pt;/* 蛋疼的IE6你懂的*/ 的伪换行符div 后面还...

    CSS DIV元素与SPAN元素的区别

    首先讲两个概念,一个是行内元素,一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响,属于应用样式,辅助应用样式表等作 用;而块级元素为一个块状,单独占据一行,相当于在一个该元素前后...

    浏览器兼容性问题汇总_web前端_html_css[定义].pdf

    这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。要解决这个问题,可以这样:#box { width: 80px; height: 35px;} ...

    北大青鸟订餐系统(restrant)纯html(div+css)

    说明:首先首页遍历菜的时候,不需要像表格那样判断(打印两个就换一行打印..不需要这样) 直接遍历就行,我是用浮动排的 会自动适应 自动换行。 下载下来 你们改改 添新功能 什么的 就是你们的事了,呵呵

    CSS实现段落首行缩进两个字符不再使用空格

    段落前面空两个字的距离...text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。 用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。 在style里定义如下缩进

    正则方式的自动小偷抓网程序

    END标记的问题解决了,但是郁闷的是START截取的标记因为第二个DIV和第三个中间有换行,我无语了不知道怎么处理这个正则。 而且郁闷的是有多处有这种重复型标记,对正则不太熟悉,我的解决方法如下: 代码如下: ...

    dreamwear cc zen coding 插件

    元素类型Zen Coding有两个主要的元素类型:“片段(snippets)” 和 “缩写(abbreviations)”。片段就是随意的代码碎片,而缩写是标签定义。通过片段,你可以写出你想要的任何代码,它也会照你写的格式输出;但是你...

    WordPress代码高亮插件CodeColorer汉化升级版

    修复不自动换行时行号显示不正确的问题; 优化高亮代码显示方式,放弃Table布局,改用Div+CSS,兼容多种浏览器乃至IE6; 添加代码工具栏,实现一键复制等功能,同样兼容多种浏览器。 等待你们去发现…… 我的...

    零基础学HTML CSS源代码

    CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示...

    html5-semantic-containers-lab-v-000

    它们之间唯一的区别:内容包裹的span标签会显示不换行,而包裹内容div意愿: &lt; span&gt; This content will share the same line... &lt;/ span&gt; &lt; span&gt; ...as this content &lt; div&gt; This message will appear on a ...

    html5-semantic-containers-lab-onl01-seng-ft-090820

    它们之间唯一的区别:内容包裹的span标签会显示不换行,而包裹内容div意愿: &lt; span&gt; This content will share the same line... &lt;/ span&gt; &lt; span&gt; ...as this content &lt;/ span&gt;&lt; div&gt; This message will appear on...

Global site tag (gtag.js) - Google Analytics