我正在使用react并且有一個我要在屏幕上映射的圓形組件 . 問題是在某些視圖大小我在圓圈中得到小的文物 . 平端并且僅在某些圓圈上 .

.ballholder{

display:flex;

flex-wrap: wrap;

justify-content: space-evenly;

background-color:rgb(206,35,212);

padding:0.5vw;

border-radius: 5%;

border:2px solid black;

}

.aball{

background-image: linear-gradient(to bottom right, white, whitesmoke, rgb(150,150,150));

color:black;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

width:2vw;

height:2vw;

padding:0.05vw;

margin:0.20vw;

font-size:1.3vw;

}

這是父組件：

import React, { Component } from "react";

import { Switch, Route, Redirect, Link } from "react-router-dom";

import Ball from "./Ball";

import "../App.css";

export default class Ballswitch90 extends Component {

constructor(props) {

super(props);

this.state = {

};

}

render() {

const balls = this.state.balls.map((a, i) =>

a ? (

) : (

)

);

return

{balls};

}

}

球組件：

import React, { Component } from 'react';

import { Switch, Route, Redirect, Link } from "react-router-dom"

import '../App.css'

export default class Ball extends Component {

constructor(props) {

super(props)

this.state = {

num:props.p.num,

clicked:props.p.clicked

}

}

render() {

return (

{this.state.clicked

?

{this.state.num}

:

{this.state.num}

}

)

}

}

我已經嘗試添加填充和邊距，但這只會改變平面顯示的大小 .

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的圆的半径java_css中的圆形边界半径工件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。