div 排版如何显示再一条线上！ - joynet007 - ITeye博客

`

joynet007

浏览: 42164 次
性别:
来自: 宿迁

最近访客更多访客>>

ning8890

51xvf

u010570594

轮回稻草人

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

ah孙玉红： float:left
div 排版如何显示再一条线上！
skying007：不错
Ext-API详解--core/Ext.js
wwjjkk：还在用jdk1.4吗？xfire快过时了哦
基于 xfire 的 webservice 项目
wwjjkk：貌似比jfreechart好看些，不知道和框架整合情况如何
fusioncharts 动态报表
zhoudan241：不错！谢谢LZ！正在学习！对我很有用！
fusioncharts 动态报表

div 排版如何显示再一条线上！

阅读更多

<div>
    <div></div>
    <div></div>
    <div></div>
</div>
请问里面的三个div如何显示成一行呢？

分享到：

jsp 部署在不同的系统上的 too many servle ... | 请教Ajax 设置每隔1秒自动调用.但是只有 ...

2007-10-11 14:10
浏览 3446
评论(6)
论坛回复 / 浏览 (5 / 4766)
分类:Web前端
查看更多

评论

6 楼 ah孙玉红 2011-08-24

float:left

5 楼抛出异常的爱 2007-10-12

<style type ="text/css">
div.attd {display:inline;}
</style>
<body>
<div>
<div class="attd">one</div>
<div class="attd">two</div>
<div class="attd">three</div>
</div>
<div>
<div class="attd">one</div>
<div class="attd">two</div>
<div class="attd">three</div>
</div>
</body>

4 楼 joynet007 2007-10-12

能不能给个具体的例子！

3 楼布衣大盗 2007-10-11

position

2 楼 joynet007 2007-10-11

这个我是知道的
您的div{display:inline;}
如果是
   <div>one</div>
   <div>two</div>
   <div>three</div>
是可以的关键是，现在这三个div被一个<div>嵌套，如何让他们排成一行呢？
<div>
     <div>one</div>
     <div>two</div>
     <div>three</div>
</div>

里面的三个div怎么能排成一行呢？？谢谢哦！！

1 楼 sp42 2007-10-11

div {
display:inline;
}

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

DIV和CSS排版中制作细线条的方法小结: 综上所述，在DIV和CSS排版中制作细线条时，可以通过使用`overflow:hidden`、`line-height`或调整`font-size`等方法来解决IE浏览器中的高度不准确问题。每种方法都有其适用场景和局限性，因此在实际项目中应根据具体...

基于DIV_CSS的个人博客网页设计应用研究: * 在整体上进行<div>标记的分块 * 对各个块进行 CSS 定位 * 用 CSS 来美化网页，如加入背景、线条边框、对齐属性等 * 最后在各个模块中添加内容，如文字、图片等个人博客网页设计实例以个人博客为例，用 DIV+CSS...

Html.rar_html简单排版: 6. **水平线（Horizontal Rules）**：`<hr>`标签用于在页面上添加一条水平线，作为内容的分隔。 7. **内联元素与块级元素**：HTML元素分为内联（如`<span>`，`<a>`）和块级（如`<div>`，`<p>`）两种，块级元素独占...

2022年HTML语言剖析（四）排版标记CSSHTML教程.docx: `<hr>`标记插入一条水平线，常用于区分文档的不同部分。`<hr>`的属性可以定制，如`align`（设定线条位置）、`size`（设定线条厚度）、`width`（设定线条长度）、`color`（设定线条颜色）。例如，`...

网页美工 div css: Arial是一种常见的无衬线字体，适合网页阅读。同时，根据设计需要，还可以添加其他元素如按钮、图像等。通过以上步骤，我们可以构建出一个基本但美观的网页布局。在实际操作中，还需要根据项目需求进行调整和优化...

网页工程师认证网页项目训练CSS内容排PPT学习教案.pptx: 教学要求主要围绕两个方面：(1) 了解Div+CSS如何在页面中布局内容，(2) 掌握如何利用Div+CSS进行文字排版、图片排版以及图文混排。这涉及到CSS的选择器、定位方法（如position属性）、浮动（float）、内联块级元素...

DIV+CSS属性设置参数.pdf: 23. **Overflow**：控制元素内容溢出后的处理方式，如 `hidden`（隐藏）、`scroll`（显示滚动条）、`auto`（自动）。 24. **列表样式（List-style）**： - `type`：设置列表项的符号类型。 - `image`：使用图片...

js 时间线时间轴: 例如，可以使用`<div>`标签并为其分配一个类名，以便在CSS和JavaScript中引用。 2. **CSS样式**：设计时间轴的视觉效果，包括线条、刻度、标记点、时间条目等。可以使用CSS3的伪元素（如`:before`和`:after`）来...

css盒子模型的讲解: 其中，CSS盒子模型作为DIV排版的核心组成部分，扮演着至关重要的角色。本文将深入探讨CSS盒子模型的基本概念、工作原理及其实际应用技巧，帮助读者更好地理解和掌握这一关键技术。 #### 二、CSS盒子模型概述 **1. ...

Html常用标签部分笔记摘要: - **水平线标签**：插入一条水平线，常用于分隔内容。 - **换行标签**：用于在文本中强制换行，不产生新的段落。 2. **div和span标签**： - **div**标签，意为“分割”或“分区”，是一个无语义的块级元素...

html初学者课件ppt5: -- -->`在HTML中用于添加不会显示在页面上的注释，它对开发者而言是一种记录和解释代码的好方法。注释标记可以是任意长度，且不允许有属性。分段标记`<p>`用于创建段落，`align`属性可以设置段落的对齐方式，例如`...

HTML语言剖析.doc: - `<hr>`：水平线标记，用于在内容中插入一条水平分隔线。 - `<center>`：居中标记，使内容居中显示。 - `<pre>`：预格式化标记，保留原始的空格和换行，常用于显示代码片段。 - `<div>`：区隔标记，用于组织和...

2022年HTML语言剖析(2)CSSHTML教程.docx: `<HR>`标记生成一条水平线，为页面提供视觉分隔。通过调整其属性，可以定制水平线的样式，如`align`（对齐方式），`size`（线宽），`width`（宽度），`color`（颜色）和`noshade`（无阴影）。这些属性允许开发者创建...

2020年中国医科大学《计算机基础与应用》在线作业答案.pdf: 7. 当Excel单元格显示“#DIV/0！”时，意味着在计算公式时出现了除数为0或空单元格的错误。 8. 感觉媒体是指能直接作用于人的感觉器官，使人产生直接感觉的媒体，如声音。ASCII编码是一种字符编码标准，麦克风是...

HTML超文本标记语言标签: * `<hr>`：加入一条水平线 * `<hr size=value>`：设置水平线的大小（高度） * `<hr width=value>`：设置水平线的宽度（百分比或绝对像素点） * `<hr noshade>`：创建一个没有阴影的水平线表格标签 * `<table>`：...

easyui培训文档: 可以看到每个 `<div>` 标签都代表一个可以展开或折叠的面板。 ##### 参数 Accordion 的主要参数包括： 1. **width**: 定义 Accordion 的宽度，默认为 `auto`。 2. **height**: 定义 Accordion 的高度，默认为 `...

橙色APP手机客户端模板是一款APP软件开发公司网站模板下载 .rar: 同时，模板中可能会用到Bootstrap框架，通过其预定义的类来实现响应式布局，确保网站在不同设备上都能良好显示。模板可能包含了多个页面布局，如首页、关于我们、服务介绍、产品展示、案例展示、新闻动态和联系...

前端项目-Flowtype.js.zip: 这个库引入了一种方法，使设计师可以更灵活地控制文本在不同屏幕尺寸下的视觉效果，确保在任何设备上都能提供优秀的阅读体验。 Flowtype.js的核心理念是响应式排版，它利用JavaScript来实现文本的动态调整。当...

Global site tag (gtag.js) - Google Analytics