WXOPEN Club

Audio 组件无法设置宽度，无法撑满100%宽度

发布于 8 年前作者 zengping6228 次浏览最后编辑 8 年前来自 ask

wxml：

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

wxss：

audio{

display: block;

width: 100%;

}

截图：

5 回复
vxiao
vxiao1 楼6 年前

我也遇到了，求解决方案

guiying69
guiying692 楼6 年前
audio {
  display: flex;
  flex-direction: column;
}
kwu
kwu3 楼6 年前

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

weidong
weidong4 楼6 年前

解决了？

futao
futao5 楼6 年前

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

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

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