.goto { width: 110rpx; height: 30rpx; font-size: 23rpx; font-family: SourceHanSansCN; font-weight: 400; color: #FFFFFF; line-height: 30rpx; margin-right: 41rpx; margin-top: 30rpx; float: right; display: flex; background-color: #000000; },实现边框圆角,文字水平垂直居中
时间: 2024-02-27 22:51:53 浏览: 171
文本框控件可以使文字垂直居中
4星 · 用户满意度95%
你可以在 `.goto` 的样式中添加以下属性来实现边框圆角,文字水平垂直居中:
```
border-radius: 15rpx; /* 圆角半径为 15rpx */
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
```
完整的 `.goto` 样式如下:
```
.goto {
width: 110rpx;
height: 30rpx;
font-size: 23rpx;
font-family: SourceHanSansCN;
font-weight: 400;
color: #FFFFFF;
line-height: 30rpx;
margin-right: 41rpx;
margin-top: 30rpx;
float: right;
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
border-radius: 15rpx;
}
```
这样设置后,`.goto` 元素就会具有圆角边框,并且文字水平垂直居中。
阅读全文