亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

材質 UI:CardMedia 圓形圖像

材質 UI:CardMedia 圓形圖像

ITMISS 2024-01-18 14:54:41
我是全棧開發新手,我正在嘗試編寫一些代碼來更好地理解 React JS 和 Material UI 的前端。我使用了卡片組件在后端顯示帖子,但我想顯示個人資料圖像(通過 CardMedia)循環,所以我決定重寫該組件,如下所示:import React, { Component } from 'react'import {Link} from 'react-router-dom';import dayjs from 'dayjs';import relativeTime from 'dayjs/plugin/relativeTime';import { connect } from 'react-redux';import PropTypes from 'prop-types';import DeletePost from './DeletePost'import PostDialog from './PostDialog'//MUIimport withStyles from '@material-ui/core/styles/withStyles'import CardMedia from '@material-ui/core/CardMedia';import CardContent from '@material-ui/core/CardContent';import Card from '@material-ui/core/Card';import Typography from '@material-ui/core/Typography';import ChatIcon from '@material-ui/icons/Chat'import MyButton from '../../utils/MyButton';const styles = {    card: {        display: "flex",        marginBottom:20,    },    image:{        minWidth: 100,        minHeight: 100,        borderRadius: '50%',        objectFit: 'cover'            },    content:{        objectFit: 'cover'    }        }但圖像看起來呈橢圓形且被拉伸。我該如何解決這個問題?
查看完整描述

1 回答

?
SMILET

TA貢獻1796條經驗 獲得超4個贊

從圖像的 css 中,您設置了 minHeight 和 minWidth。您需要明確地將高度和寬度設置為等于 px。讓我知道這是否有效。



查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號