CSS是网页设计中非常重要的一部分,它可以利用样式表来美化网页,为网页添加各种元素和效果。在盒子内添加文字也是其中之一。以下是一些方法:
/* 方法一:使用padding属性 */ .Box { padding: 20px; background-color: #fff; color: #333; } .Box p { margin: 0; } /* 方法二:使用line-height属性 */ .Box { line-height: 1.5; background-color: #fff; color: #333; } /* 方法三:使用position属性 */ .Box { position: relative; background-color: #fff; color: #333; } .Box p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; } /* 方法四:使用display:flex属性 */ .Box { display: flex; align-items: center; justify-content: center; background-color: #fff; color: #333; }