Audio 组件无法设置宽度，无法撑满100%宽度
发布于 6 年前 作者 zengping 6109 次浏览 来自 问答

wxml：

<audio poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" controls loop></audio>

wxss：

audio{

display: block;

width: 100%;

}

截图：

5 回复

我也遇到了，求解决方案

audio {
  display: flex;
  flex-direction: column;
}

这个不知道怎么弄，我也遇到了。郁闷。如果标题长，还会撑破容器。

解决了？

我目前用了个比较戳的方案：外面用一个veiw把audio包起来，把audio的边框切掉，然后外面再套一层view，设置边框以及跟audio相同的背景色。

方案优点：比原生的看起来好一些了，感觉撑满了。

方案缺点：事件还在原来的位置，没法右对齐。

回到顶部