htmldiv在同一行的方法

  • Post author:
  • Post category:其他


我们可以用浮动来实现我们对div在同一行的设计

代码如下:

<style>

.d1{

width: 100px;

height: 100px;

background-color: green;

/* 这是浮动 */

float: left;

}

.d2{

width: 100px;

height: 100px;

background-color:  yellow;

text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

/*这个也是浮动*/

float: left;

}

.d3{

width: 100px;

height: 100px;

background-color: red;

}

</style>

</head>

<body>

<div class=”d1″>第一个在这里</div>

<div class=”d2″>这是第二个浮动</div>

<div class=”d3″>我们这里没有浮动</div>



版权声明:本文为q2825854060原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。