如何將 CSS 繪製的圓內的文字置中？

如何繪製一個以文字為中心的圓圈

要使用CSS 建立一個以文字為中心的圓圈，請修改所使用的程式碼繪製圓圈：

1. 設定line-height以符合圓的高度div。這會強制單行文字垂直居中顯示。在下面的範例中，高度和行高均設定為 500px。

.circle {
  width: 500px;
  height: 500px;
  line-height: 500px;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  background: #000
}

2. 向 div 新增文字。將所需的文字包裹在
   內

   <div class="circle">Hello I am A Circle</div>

   此程式碼將建立一個居中的圓，文字「Hello I am A Circle」位於中間。

以上是如何將 CSS 繪製的圓內的文字置中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！