问

溢出:隐藏不适用于图像

mobiledu2502936255 发布于 2023-02-13 18:13

css

我有这个CSS代码:

#portrait{
  height: 300px;
  width: 550px;
  border: solid;
  margin-right: auto;
  margin-left: auto;
  word-wrap:break-word;
  overflow:hidden;
}
.image{
  float:left;
  height: 30%;
  border:solid 1px;
  padding: 1px;
  posit ion:relative;
}

和HTML:

我想要做的是让图像在x轴上溢出隐藏(而不是第一行中的第一个金发女人,我希望她在必要时被裁剪,但仍保留在第一行,依此类推).当我做溢出-x隐藏它将无法正常工作.对这个有什么想法吗？

1 个回答

由于#portrait不允许溢出图像,因此 您需要一个具有指定宽度的额外容器来保存这些图像.像这样做:

<div id="portrait">
    <div id="wrapper">
        your images
...

然后申请

#wrapper{
    height:30%;
    overflow:hidden;
    width: 1000px; /* it is only important to be bigger then parent for one image width size */
}

.image{
  height: 100%;

2023-02-13 18:15 回答

周周微商互联

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签