<分区>
以下 https://codepen.io/centem/pen/GQVGmw 的 css文本居中的状态,但文本位于父 div 的右下角,并且一些文本落在 div 之外。如何将文本居中放置在父 div 的中间?谢谢。
<div class="row">
<div id="86" class="square">hostname</div>
<div id="87" class="square">hostname</div>
<div id="88" class="square">hostname</div>
</div>
CSS:
.col-md-4 .row div {
display: inline-block;
margin: 10px;
background-color: black;
color: green;
padding: 30px;
width: 10px;
height: 10px;
text-align: center;
}
最佳答案
是因为 padding: 30px;
,去掉了 padding 。还要添加 word-wrap: break-word;
以避免 outside text(overlaping)
。
.col-md-4 .row div {
display: inline-block;
margin: 10px;
background-color: black;
color: green;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
word-wrap: break-word;
}
关于html - 位于父 div 之外的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49149729/