div+css中如何让两个元素位于同一水平线

1、第二步，执行完上面的操作之后，输入CSS代码“button {display： inline-block}”，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。

专注于为中小企业提供网站建设、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业湘阴免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

2、左边的快加上 float：left，右边的块加上float：right，只要这两个块的宽度不超过父块的宽就能在同一水平线上了。

3、实现两个div在同一行显示有多种方法，可以用设置浮动——用float，还可以用绝对定位position，等等。这里只简单介绍使用浮动实现方法。

4、div是块级元素，默认情况下是单独占用一行的。你想让两个div水平放置，就得改变div的display属性。

5、可以对同一个 div 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

6、在css中，设置两个DIV的display：inline-block；就可以让两个div在同一行了。p段落标签也可以同样设置display属性为inline-block；即可。

怎么用css写出一个1px的水平分割线。

在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。 浏览器运行index.html页面，此时通过css定义了一个水平的虚线。

height：1px；font-size：0px；background：#ff0000；//理论上是这样写，但是这种写法兼容性不强。html本身自带的标签就是水平线，但是基本没人用，自带样式太不美观了。所以不妨换个思路，用border 来解决。

一般情况下我有两种方法：在文档中新建图层---建立选区---点击编辑---点击描边，可以设置你的描边的相关属性，如图左；通过图层样式的描边进行设置，如图右。

在bootstrap中输入水平分割线： Bootstrap：Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。

上边框和下边框），所以即使你把border设为1像素，但实际呈现的则是2像素的效果。

用csS定位两条水平线

1、第二步，执行完上面的操作之后，输入CSS代码“button {display： inline-block}”，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。

2、左边的快加上 float：left，右边的块加上float：right，只要这两个块的宽度不超过父块的宽就能在同一水平线上了。

3、新建一个html文件，命名为test.html，用于讲解css怎么在网页中给文字加上下划线。在test.html文件内，使用p标签创建一行文字，文字内容为“这是测试的文字”。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。

CSS怎么定义一条水平虚线与实线

DW水平线变为虚线分为以下几个步骤：首先打开DW软件，新建一个HTML文档。其次点击“插入”，选择“Table”。然后在table内加入一个内联样式，使用CSS设置器进行设置。

首先我们先看一下四边都为虚线边框的DIV。

打开html开发工具，新建一个html代码页面，然后创建一个标签，并给这个标签添加文字和一个class为了dashed。创建代码：dashed： 定义一个虚线边框 设置虚线边框。创建标签，然后在这个标签里设置dashed类的样式为虚线边框。

在CSS 中常见的边框(border) 属性有以下几种：border-style border-width border-color border-top-， border-left-， border-bottom-， border-right- border border-styleborder-style属性指定边框的样式。

文章名称：css样式水平线 css水平垂直的办法
转载来于：http://azwzsj.com/article/dgegjch.html