900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > htmldiv在同一行的方法

htmldiv在同一行的方法

时间:2021-12-27 23:38:21

相关推荐

htmldiv在同一行的方法

我们可以用浮动来实现我们对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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。