定义卡片头部的头像是不是有问题?

海内存知己 天涯若比邻


共 3 个回答
海内存知己 天涯若比邻

其实我就是想在卡片上面显示用户头像、昵称、和个性签名之类的。

海内存知己 天涯若比邻

我找到原因了:

.mdui-card-media img,

.mdui-card-media video {

display: block;

width: 100%;

}

/* 卡片头部头像 */

.mdui-card-header-avatar {

float: left;

width: 40px;

height: 40px;

border-radius: 50%;

}

css已经将mdui-card-media的所有img标签的宽度设置为100%,只要将头像加一个style="width: 40px"就行


举头望涵涵,低头思第一。 https://www.dffzmxj.com

Talk is cheap. Show me the code.

以下代码是可行的(示例:https://www.mdui.org/docs/card/demo1),如果是你的代码有问题,见上。

<div class="mdui-card">
  <!-- 卡片头部,包含头像、标题、副标题 -->
  <div class="mdui-card-header">
    <img class="mdui-card-header-avatar" src="地址不改当然会出问题"/><!--换掉地址-->
    <div class="mdui-card-header-title">Title</div>
    <div class="mdui-card-header-subtitle">Subtitle</div>
  </div>
</div>