html– 是否有任何CSS来对齐框元素？

概述我见过有人说不要使用< div align =“center”> Some Text< / div>和< center>一些文字< / center>因为它已经过时但我找不到任何CSS来对齐元素中的所有内容.我发现它最接近的是text-align：center;但这只是对齐文本,而不是元素.有没有允许你对齐元素的CSS？这是CSS.我想要集中的是#edito

我见过有人说不要使用< div align =“center”> Some Text< / div>和< center>一些文字< / center>因为它已经过时但我找不到任何CSS来对齐元素中的所有内容.我发现它最接近的是text-align：center;但这只是对齐文本,而不是元素.有没有允许你对齐元素的CSS？

这是CSS.我想要集中的是#editor.这是< textarea>< / textarea>标签.

@Font-face {	Font-family: Bandits;	src: url("Bandits.ttf");	Font-weight: bold;}#editor {	position: absolute;	bottom: 35px;	left: 35px;	wIDth: 800px;	height: 600px;	resize: none;}#see-result {	position: absolute;	top: 276px;	left: 425px;	wIDth: 125px;	letter-spacing: 2.7px;	Font-weight: bold;	background-color: #888;	text-align: center;	padding-top: 6.5px;	padding-bottom: 6.5px;	cursor: pointer;	Font-family: Calibri;} #see-result:hover {	background-color: #ABABAB;}header {	text-align: center;	Font-size: 65px;	Font-family: Bandits;	letter-spacing: 2px;}

最佳答案要将框水平居中,您需要为其指定显式宽度,然后将其边距设置为“0 auto”：

.container{    border:solID 2px lightblue;    wIDth:600px;    height:400px;}.center{    border:solID 2px red;    height:200px;    /*centering CSS*/    wIDth:200px;    margin:0 auto;}

您还可以通过为其父容器提供中心的文本对齐值并使其显示来水平对齐框：内联：

.container{    border:solID 2px lightblue;    wIDth:600px;    height:400px;    text-align:center;}.center{    border:solID 2px red;    wIDth:200px;    height:200px;      /*Centering CSS*/    display:inline;    text-align:center;}

最后,您可以使用flexBox在其父级中水平对齐块容器：

.container{    border:solID 2px lightblue;    wIDth:600px;    height:400px;	    /*Centering CSS*/    display:flex;    justify-content:center;}.center{    border:solID 2px red;    wIDth:200px;    height:200px;}

总结

以上是内存溢出为你收集整理的html – 是否有任何CSS来对齐框/元素？全部内容，希望文章能够帮你解决html – 是否有任何CSS来对齐框/元素？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1118478.html