css实现子元素两头对齐

###css实现子元素两头对齐

如何简单快速的实现css两头对齐

<style>
.divCss{text-align: justify;
text-align-last: justify;
}
.subDiv {dispaly: inline-block;
}
</style>
<div class="divCss"><div class="subDiv">左</div><div class="subDiv">右</div>
</div>

注意：

子元素应为 inline-block 级

子元素间需要有空格，否则不会生效

css实现子元素两头对齐相关推荐

html获取子节点数量,css判断子元素个数
这次给大家带来css判断子元素个数,css判断子元素个数的注意事项有哪些,下面就是实战案例,一起来看一下. 工作时遇到这样一个问题:根据某元素所包含的子元素个数,分别设置不同的样式,这个用js可以解决 ...
css：子元素div 上下左右居中方法总结
情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中解决方案: { position:fixed; left:0; right:0; top:0; bottom:0; margin:a ...
CSS关于子元素溢出
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
CSS常用子元素选择器-选择特定子元素
选择器举例举例说明 :nth-of-type(n) p:nth-of-type(2) 选择其父级下的第二个p元素 :last-of-type p:last-of-type 选择其父级下的最后一个p ...
CSS实现子元素div水平垂直居中
div基本布局 <div class="main"><div class="center"></div>
html css子标签,HTML+CSS系列:CSS选择器(标签、ID、类、通配符、后代、子元素、并集、伪类）...
一.标签选择器 Document h1 { color: red; } h2{ color: green; } Hello World! Hello World! Hello ! Hello ! 二. ...
html一级子元素,获取子元素_html/css_WEB-ITnose
1.纯css 获取子元素 #test1>div {background-color:red;} #test1 div {font-size:14px;} #test1>div:first- ...
用 justify-content 属性设置子元素两端对齐
外层元素的 justify-content 属性设置为space-between即可实现子元素两端对齐 <!DOCTYPE html> <html> <head> ...
子元素宽度如何撑开父元素宽度
子元素宽度如何撑开父元素宽度代码效果如下一个横向滚动栏,子元素高度会自动撑开父元素的高度,但是好像子元素宽度不能自动撑开父元素的宽度.这是我们需要使用css使子元素宽度可以自动撑开父元素宽度,避 ...

css实现子元素两头对齐

css实现子元素两头对齐相关推荐

最新文章

热门文章