在Flex中丢失带有链接的图像的页边距
是指在使用Flex布局时，带有链接的图像在页面上出现了一定的间距问题，导致图像丢失或显示不完整的现象。
这个问题通常是由于Flex布局的默认属性引起的，具体来说是flex容器的align-items属性默认为stretch，它会拉伸容器内的项目，导致图像被拉伸而失去原有的尺寸。
要解决这个问题，可以通过以下几种方法：
- 设置图像容器的宽度和高度：给容器设置明确的宽度和高度，可以保持图像的原有尺寸，避免被拉伸。
- 使用
align-self: flex-start：给带有链接的图像设置align-self属性为flex-start，这样图像会在容器内顶部对齐，保持原有尺寸。 - 使用
object-fit属性：给图像添加object-fit属性，并设置为contain或cover，可以控制图像在容器内的显示方式，避免被拉伸或裁剪。 - 调整Flex容器属性：如果以上方法无效，可以尝试调整Flex容器的属性，如
align-items、justify-content等，根据具体情况进行调整，以达到预期效果。
腾讯云提供了一系列与云计算相关的产品，包括云服务器、对象存储、容器服务等。可以根据具体需求选择适合的产品来解决该问题。
相关·内容
1回答
对挠性项目应用边距
、、、
因此，我从堆栈溢出中获得了这三个列布局示例，但我尝试使用flexbox同时获取列和行。
我的最终目标是有一个三列布局(左边是图片，两列在右边是文本)。
但是，我需要所有的东西都是对齐的(文本和图像在同一个轴上对齐)。
但我的问题是，当我尝试使用margin-bottom在列中分隔元素时，只有文本列一正在工作(而不是图像列)，而我不知道为什么。
我希望左列margin-bottom也能工作。但是，即使我为所有列添加了margin-bottom，只有那些带有div的列才能工作。
我应该把我的图像也放在电视里吗？
下面是我面临的问题的一张图片：
* {
margin: 0;
}
h
浏览 2提问于2016-07-18得票数 1
回答已采纳
1回答
.home{
height: 100vh;
&__logo{
margin: 5vh auto 4.5rem auto;
display: flex;
justify-content: center;
svg{
height: 2rem;
}
}
&__container{
display: flex;
flex-direction: c
浏览 11提问于2020-01-12得票数 0
回答已采纳
2回答
使用react，我在Card.jsx文件中创建了一个非常简单的卡片组件。该组件如下所示。
class Card extends React.Component{
render() {
return (
<div className={style.mainContainer}>
<div className={style.container}>
<div className={style.title}>Hello world</div>
<div classNa
浏览 4提问于2020-12-07得票数 1
2回答
当它包装时，我很难将其弯曲到中心元素(带有边距)。
当屏幕很宽的时候它看起来很完美
但当它包装时，它并不是以它为中心(因为第一个按钮的右边距)。
这是我的代码：
footer { display: flex; flex-flow: row wrap; justify-content: center; }
button { margin: 0 20px 10px 0; }
button:last-child { margin-right: 0; }
有没有办法让它在包装时忽略第一个按钮的右边距？
(我不想更改按钮之间的间距，也不想在第一个/最后一个按钮之前/之后添加不必要的页边距)
浏览 0提问于2019-03-15得票数 1
回答已采纳
2回答
我有一个有方向栏的挠曲盒，就像在这个密码页里
<div class="container">
<div class="header">header</div>
<div class="content">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
<div>Item 4</div>
浏览 3提问于2017-02-08得票数 0
回答已采纳
我在使用这个基础代码让我的页面占据整个视区。
html {
height: 100%;
}
body {
min-height: 100%;
}
但我注意到，当我添加一个带有页边距的块元素时，页面大小会随着页边距的大小而变化。要进行演示，请在webkit浏览器中尝试此html：
<html style="height: 100%; margin: 0; padding: 0;">
<body style="min-height: 100%; margin: 0; padding: 0;">
<h1 styl
浏览 0提问于2016-01-13得票数 1
1回答
下一页显示两个矩形，红色和蓝色。展示是灵活的。红色的一个放在页面的左边(margin-right: auto)，蓝色的div在页面的其余部分(justify-content: center)中居中。
然而，结果是蓝色div完全出现在页面的右边，而不是居中。我对挠曲盒不太了解。
body {
display: flex;
justify-content: center;
}
#redDiv {
width: 5em;
height: 10em;
background-color: red;
margin-right: auto;
}
#blueDiv {
wi
浏览 1提问于2019-07-07得票数 2
回答已采纳
1回答
响应式Flex菜单
、、、、
我使用flexbox创建了一个带有简单触发器的响应式菜单，但我遇到了一个问题。在一个媒体查询中，我将UL放在包含logo和trigger的div下面，并更改了它的display:none，直到单击触发器。
当我试图在UL的打开状态下设置它的样式时，当我给它边距和填充时，它增加了nav的整体大小，这样你就可以看出隐藏了什么。既然元素是隐藏的，那么在触发打开状态之前，页边距和填充不应该生效吗？
我找到了一个解决办法，通过在LI中添加边距和填充，但我觉得这是一个骗局。
$(function() {
$('.trigger').click(function() {
$(&
浏览 21提问于2017-08-31得票数 0
回答已采纳
我正在做一个Reactjs项目。我有一个display的div (#up-coming events)：flex。我想让它在所有方向上都有相同的边际。所以我应用了margin:auto，但是它没有给顶部和底部提供边距。它只给左边和右边留边距。这是我的代码:- UpCommingEvent.js :- import React from "react";
import "./styles/upcommingevent.css"
function UpCommingEvent() {
return (
<div id="up-coming
浏览 7提问于2021-04-08得票数 1
2回答
从和中，我知道块格式上下文是由下列之一创建的：
根元素或包含根元素的内容
浮点数(浮点数不是零的元素)
绝对定位元素(位置绝对或固定的元素)
内联块(带有display: inline-block的元素)
表单元格(带有display: table-cell的元素，这是HTML单元格的默认值)
表标题(带有display: table-caption的元素，这是HTML标题的缺省值)
元素，其中溢出的值不是visible。
flex框(带有display: flex或inline-flex的元素)
但我有一个关于以下代码的问题：
<div styl
浏览 0提问于2013-05-05得票数 2
回答已采纳
2回答
我有一个带有两个flex项的flex容器。我想在第二行上设置一个页边距-顶部，但仅当它被包装时，而不是在第一条弹性线处。
如果可能，我希望避免使用媒体查询。
我认为第一个元素的边际底部可能是一个解决方案。然而，当元素没有被包装时，它会在底部增加空间，所以同样的问题。
这是我的代码：
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.item-big {
background: blue;
width: 300px;
}
.item-small {
backgr
浏览 48提问于2015-06-17得票数 121
回答已采纳
3回答
问题是，当我在带有链接的图像上添加填充时，可点击的区域就是我输入的填充。例如，在此代码中： <a href="https://wikipedia.org"><img src="logo.svg" alt="canada1 logo" class="logo"></a>
<nav id="language">
<ul>
<li><a href="
浏览 27提问于2020-10-03得票数 0
1回答
我的MS Access 2007 report出了点问题。我的report的打印页边距不一致。
当我在打印预览中打开报表时，我可以根据需要设置页边距。但是，当我打印报告时，bottom margin被设置为一个我没有输入的值。
当我从下拉菜单中选择不同的打印机时，不会出现这种情况。导致此错误的打印机是Cannon MG2900。不能将其切换到不同的打印机。
页边距被更改对我来说是一个问题，因为它会导致我的单页报告被拆分并打印到两页上。尽管打印预览显示报告是单页的，但它还是这样做了。
打印不是通过VBA处理的。打印预览是使用VBA代码打开的，但用户必须使用MS Access提供的Print按钮才
浏览 20提问于2018-08-23得票数 1
回答已采纳
我有一个简单的html文档。是主体中的一个元素。当我在div元素中设置页边距-top时，Chrome在正文中添加了相同的页边距。
只有开发人员工具才能看到边距。我的代码：
<html>
<body>
<div id="main">Test</div>
<style>
body { background-color: red; }
#main { background-color: blue; margin-top: 100px; }
</style>
</body>
</html>
浏览 2提问于2017-08-16得票数 2
1回答
我想添加一个在一个帖子内容内没有链接的所有图像的边距。
.post-content img (here I need to target only the images whith no link) {
margin: 1em;
}
所有带有链接的图像都必须保留自己的边距。
你有CSS甚至javascript解决方案吗？
干杯
浏览 34提问于2018-09-27得票数 -2
回答已采纳
5回答
在我的网页的标题部分，设计类似于logo和导航div应该重叠一个重复-x图像(即bg- header )。
这是我用过的html
<div id="header">
<div id="header-bar">
<p>kljslakdjlaskjdkljasdlkjasdlkjaskldjasjd</p>
</div>
</div>
这是css
#header {
min-width: 1040px;
height: 111px;
pos
浏览 0提问于2010-10-15得票数 1
回答已采纳
我正在尝试打印一个HTML页面，这个页面可能很长，包含文本、段落和表格。我的目标是为每一页定义一个打印边距。我在页面中添加了以下CSS：
@media print {
body {
margin: 2.5cm 0;
}
}
但我遇到的问题是，页边距只在文档的开头和结尾添加了，而不是添加到每个页面。从附加的图像中可以看出，我在第一页中有一个页边距，而在第二页中没有，我想要的行为类似于一本书或一个word文档(在这里您定义了页边距)。在CSS中可以这样做吗？
浏览 8提问于2016-05-04得票数 8
回答已采纳
4回答
如何在WPF中做等同于css的页边距-顶部？
我有一个图像，我想在上面加一个边距，但我能做的似乎就是边距，这会影响图像的每一边。
浏览 1提问于2009-05-11得票数 18
回答已采纳
如何以编程方式设置打印机(左、右、上、下)页边距、纸张大小liek A4、A3等。在asp.net web应用程序中。
浏览 5提问于2011-09-22得票数 0
我有css背景图像，上面有线性梯度。
CSS代码：
.footer-about {
display: flex;
align-items: center;
justify-content: center;
height: 25rem;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 1),
rgba(60, 99, 142, 0.55)
),
url('assets/img/Fanpage.p
浏览 3提问于2020-10-19得票数 3
我正在制作一个react原生应用程序，我试图让个人资料重叠在背景图像上，但当我给出负边距时，它是marginTop：-40。它会剪裁个人资料图像。个人资料图像不会重叠在背景图像上，我是新的反应原生，所以谁能告诉我如何解决这个问题
以下是我的代码
<Container style={{ backgroundColor: '#FFFFFF', }}>
<Content>
<Image source={{ uri: 'https://firebasestorag
浏览 0提问于2018-01-22得票数 0
2回答
我刚刚完成了一个PHP脚本，生成PDF格式的发票的工作。我已经使用了FPDF来解决这个问题。PDF的每一页都有一个图像作为背景。这是一张大小为793x1113像素的图片，经过反复试验，我发现它完美地填满了整个页面。在列出产品的循环中，我检查Y位置的值。如果太高，我添加另一个页面，再次绘制背景图像，并将Y位置设置在正确的点以继续列表。一切都很好，除了一个小问题:在每个页面上，除了最后一页之外，在背景图像下面添加了大约10个像素的空白，使布局看起来不太好。
这个问题似乎与我在整个脚本中添加的任何文本内容无关，因为当我简单地添加几个空白页时，完全相同的情况发生。我认为这是标准的空格，每当添加新页面时
浏览 3提问于2013-10-30得票数 2
我正在尝试将下面的图像合并到我的报告的封面中。它当前保存为尺寸为1275 x 1650的PNG文件。
就像许多在线帖子所建议的那样，我
* inserted a rectangle
* set the image as the background image
这是我的矩形的属性。
当我将我的报表呈现为PDF时，图像被分割成多个空白页面，图形的底部(带有徽标和URL)甚至没有显示。
如何确保此图形仅在第一页完全显示？
浏览 2提问于2019-04-24得票数 0
我正在打印一个长长的HTML文档，我想设置CSS文件中页面之间的页边距。不幸的是，填充/页边距只在第一页(填充-顶部)和最后一页(填充-底部)生效。
有办法在页面之间设定页边距吗？
浏览 3提问于2017-06-14得票数 4
回答已采纳
页面顶部的div有一个页边距，尽管我尝试将页边距设置为0，而填充为0，但当我将其放在最重要的位置时，它仍然无法工作。
`
<body>
<div class="logobackground">
<div class="logo2">
<div class="logo">
<img src="../images/fish.png" alt="The Family Cooking logo" class="logoimg&#
浏览 11提问于2022-05-24得票数 -1
回答已采纳
我正在尝试从我的网站打印到PDF。我有一个背景图像，并希望在边距为1。打印时，背景仅添加到第一页，上边距仅应用于第一页，下边距仅应用于最后一页。 我需要打印页面，然后可以放在小册子中。 只使用一种颜色而不是图像确实会将颜色放置在每一页上，但当文本结束而没有覆盖页面底部时就会停止。 我已经尝试了各种背景大小和@页面样式 <head>
<style>
body {
background-image: url("../includes/images/paperback.jpg");
margin: 1in;
background-re
浏览 22提问于2019-02-13得票数 0
我的一个类名为read-more的标签在名为文章文本的Div中，不知何故，页边距顶部无法工作，为什么会发生这种情况？
当我检查它时，似乎有一个页边距-顶部，但它似乎A标签是在流的html
这是我的代码的链接:
CSS
#Article {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 5rem 10rem 5rem;
}
.article-cards-wrapper {
display: flex;
justify-co
浏览 0提问于2021-05-23得票数 1
2回答
如何减少代码中li水平元素之间的空间，我一直试图通过更改填充属性和页边距属性来做到这一点(我已经尝试将这些属性设置为负值，但没有帮助)。
下面是我正在尝试的代码
footer li {
display: flex;
flex-wrap: wrap;
width: 300px;
flex-direction: row;
justify-content: space-around;
font-size: 20px;
padding-right: 70px;
list-style: none;
margin-left: 10px;
}
浏览 0提问于2020-07-29得票数 0
回答已采纳
2回答
当页面宽度缩小时，我试图用媒体查询更改导航条列表的显示。我把填充物放在列表之间，但它并没有出现。我不知道是因为挠性盒还是别的什么原因。
HTML代码
<header id="header">
<h1><img id="header-img" src="https://cdn-icons-png.flaticon.com/512/4907/4907546.png" alt="cat tower">Aristocat Tower</h1>
<nav id=&
浏览 3提问于2022-01-20得票数 0
3回答
带有子页边距的Div高度
、、、
我有两个div，我想让它们的高度相等：
var highestCol = $('#SecondColumn').height();
$('.column').first().height(highestCol);
我知道第二个div总是比第一个高。当两个div中都有纯文本时，一切工作正常。但是，在向第二个div (总是更高)中添加带有一些边距或填充的div之后，计算就会中断。它取较高div的高度，但忽略第二列内子div的所有页边距之和。
如何使用页边距/填充计算完整的div？
浏览 1提问于2012-03-19得票数 6
回答已采纳
我已经在上面提到了一些问题。ALso检查了答案：
填充是边框内的空间，即边框和实际视图内容之间的空间。请注意，填充完全围绕内容:顶部、底部、右侧和左侧都有填充(可以是独立的)。
边距是边框外的空间，位于边框和此视图旁边的其他元素之间。在图像中，边距是整个对象外部的灰色区域。请注意，与填充一样，页边距完全围绕内容:顶部、底部、右侧和左侧都有页边距。
此外，有关填充和页边距的更多信息，请参阅：
但是，填充和边距之间的根本区别是什么？根据操作系统和设备的不同，行为是否会有所不同？
我有一个普通的，简单的布局。没有问题的代码，已经使用布局文件夹-布局和布局-sw600dp加上drawables-4
浏览 61提问于2014-02-23得票数 51
回答已采纳
我现在使用的是尾风(请参阅)
<div class="h-screen flex flex-col items-center space-y-6">
<div class="h-1/3">X</div>
<div class="h-1/3">X</div>
<div class="h-1/3">X</div>
</div>
我喜欢的是，这3项中的每一项都占h-screen容器的33% (减去y间距)。
这里发生的事情是，h-
浏览 1提问于2021-07-08得票数 1
回答已采纳
3回答
我试着在横幅图像上覆盖面包屑。而不是使用绝对定位或类似的解决方案，我使用的是负边际。
由于某些原因，横幅文本的页边是掩盖面包屑，这意味着它们不能被点击或选择。
我的假设是，这是一个简单的z指数问题，但我不能让z指数起作用。不管我把它放在哪里，或者我把它设置成什么价值观，这个问题仍然存在。据我所知，这种情况只发生在display: flex上。
以下是问题的简化版本：
.small-text
{
margin-bottom: -20px;
}
.small-text span
{
background-color: orange;
}
.big-container
{
浏览 0提问于2019-07-26得票数 1
回答已采纳
1回答
我有把小提琴：
<div class="r1"></div>
<div class="r2"><button>toggle</button></div>
<div class="r1 target"></div>
当我在一个挠曲箱里有3个div时，每个div都有一个边缘底部。
其中一个div可以切换(隐藏/显示)。
问题是，第一个div不应该在理论上改变它的大小，但是在实践中是这样的。
我认为问题在于灵活性没有考虑到利润率。
有使用flex的解决方案
浏览 5提问于2015-10-28得票数 1
回答已采纳
我正在尝试在屏幕底部放置一个图像，我希望按钮的宽度始终是整个屏幕减去一个薄边距。
我的屏幕由3部分组成，顶部的视图，中间的ScrollView和底部的按钮。它们都位于一个名为容器的视图中。
容器有flex 8，另外两个视图分别有flex 1和flex 5。
底部的图像存在于它自己的视图中。
imageView: {
flex:2,
},
Image: {
margin:1,
},
我已经尝试了很多东西，包括resizeMode contain和其他一些东西，试图让它工作，但我就是得不到我想要的效果
浏览 0提问于2016-07-03得票数 0
导出PDF格式的报表后，我意识到有几行是隐藏的。正如您在图像中看到的那样：
注意，第二页中的第一行不是由数据集获取的下一行，实际上应该是1月15日03:00。
此外，没有分页，相反，默认的布局来自母版页，这是美国字母。
对于这个问题，我一直在尝试不同的解决方案，在检查了和建议(以及其他建议)之后，我仍然找不到它。
也许多米尼克能帮上忙？多姆？
浏览 3提问于2015-01-29得票数 0
回答已采纳
3回答
以下是问题所在：
我有2个div -第一个有一个浮动:left-第二个有一个空白处-top
现在为什么，为什么页边距-顶部也应用于第一个div？
这是一个带有背景颜色的演示，以了解这一想法：
-Edit :我不是在寻找解决方案，而是在寻找对这种行为的解释。谢谢大家:)
浏览 0提问于2010-08-20得票数 2
回答已采纳
1回答
我正在尝试从HTML生成一个PDF，在生成PDF之后，在第二步中，在左上角的每个页面上添加一个水印图像，并在右上角添加某种引用。
然而，这是必要的，只有在第2页.n-1。我已经找到了一个解决办法，就是在第一段中有一个较高的最高利润率，并在第二次通过时使它变小。但是，只有当我在所有的页面上都做到这一点时，这才能起作用。我可以强制XMLWorker对每个页面使用自定义页边距吗？
浏览 4提问于2014-01-22得票数 2
回答已采纳
我正在使用Apache版本4.1.2。当我试图创建一个在标题中包含图像的文档时，会在图像的4面为标题分配一些默认的页边距。
如何删除标题部分中的默认页边距，并将图像完全占据在标头部分？
XWPFDocument document = new XWPFDocument();
CTSectPr sectPr = document.getDocument().getBody().addNewSectPr();
XWPFHeaderFooterPolicy headerFooterPolicy = new XWPFHeaderFooterPolicy(document, sectPr);
XWPFHe
浏览 1提问于2022-05-18得票数 1
回答已采纳
我想将一组元素对齐到挠曲盒列的顶部，另一组元素对齐到挠曲盒列的底部--只有空间将这两组分开。
企图#1
<html>
<body>
<div class="page-flex-container">
<div class="sidebar">
<h2>sidebar</h2>
<div class="circular"></div>
<div class="cir
浏览 0提问于2015-06-29得票数 3
当我使用伪元素(：：when )作为锚链接时，我遇到了一个问题，因为页面不承认它是锚，并且一直到节本身。我试过了博客中提出的每一个选项，但似乎都没有效果。我在博客代码中看到的唯一不同之处是，我正在使用flexbox将其作为一列并包装内容。
这是我使用的CSS
#one, #two, #three {
width: 5em;
height: 5em;
margin: 15em;
display: flex;
flex-flow: column wrap;
background: blue;
}
#one::before, #two::before, #three::b
浏览 1提问于2020-07-14得票数 0
回答已采纳
让我感到困惑的代码是第347页上的练习(剪切、复制、粘贴)：
因此，附加到无序列表的段落给出了带有页面“id=”的div的高度。
对于我(使用Chrome)，它返回424px。然而，当我把各个元素的内容区域的高度加起来时，我似乎不能得到这个数字。我得到: 75px + 36px + 50px + 50px + 50px + 50px + 24px = 335px
我哪里错了？
浏览 1提问于2016-05-19得票数 0
2回答
我正在使用我自己的滑块脚本制作一个具有flexbox属性的图像胶片。问题是，当我检查.film目录时，它并没有像这样正确地包含整个图像： ? 如您所见，这些图像属于.film目录。然而，它只包含图像的一小部分。我想要的.film分区涵盖所有的图像。 有什么办法可以解决这个问题吗？ 代码如下： .outer {
margin: 0 auto;
width: 80%;
overflow: hidden;
}
.film {
display: flex;
flex-flow: row;
justify-content: center;
width: 100
浏览 16提问于2019-04-23得票数 0
我试图显示两个按钮，id="strength"和id="minion"，当我单击一个按钮，id="expandButton"，以及当我再次单击该按钮时隐藏它们。我希望创建的两个按钮是创建它们的按钮的任何一边。我尝试将它们放在一个<div>中，并添加一个带有display: flex;和justify-content: space-around;的类，但这只是将按钮放在创建它的按钮之上。理想情况下，我需要一种方法将两个按钮向下移动一点，这样所有的按钮都在一条直线上。
小提琴：
HTML：
<!DOCTYPE html>
&l
浏览 1提问于2022-03-03得票数 2
回答已采纳
1回答
我做了一个网站，它看起来很好，但标题从右出界，我遵循了一个教程，然后做了完全按照他说的，然后我也无法修复它。这是我的头组件的CSS :正如你所看到的，TESLA帐户超出了范围。
组件代码：(仅为divs添加)
const Header = () => {
return (
<div className="header">
<div className="header__logo">
<img src={TeslaLogo} alt=
浏览 2提问于2021-01-18得票数 1
回答已采纳
2回答
夹在弯曲端和间隙之间
、、、
在柔性箱中，当我使用justify-content:space-between时，第一项和最后一项精确地对齐到挠性容器的边界，其中的空间在它们之间被划分。如何将第一项对齐到右边，而其他项也对齐到右边(而不是整个宽度)？
下面的示例代码不是很好，因为当我使用flex-end时，必须为项设置页边距，因此每行的第一个不会粘到正确的。
#flexcontainer{
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
-webkit-flex-direction: row;
flex-direction: row;
-
浏览 0提问于2016-09-06得票数 6
回答已采纳
为什么不flex项当容器设置为margin: 0 auto时，获取容器的全部宽度
.container {
display: flex;
flex-direction: column;
}
.a {
margin: 0 auto;
border: 1px solid red;
}
.b {
border: 1px solid blue;
}
<div class="container">
<div class="a">A</div>
<div class="b">B
浏览 4提问于2015-12-21得票数 1
回答已采纳
4回答
我正在制作一个带有页边距-顶部的下拉菜单。问题是，当我用鼠标从li下拉时，它关闭了。我怎样才能使它与页边距-顶部一起工作？
来自我的真实设计：
我尝试过这个解决方案：，但它将我的ul下的图像向下移动("O fakulteti")。
请帮帮忙。
浏览 0提问于2012-06-15得票数 1
回答已采纳
在探索Flexbox的使用过程中，我遇到了一些我觉得有点奇怪的东西。如果我将三个水平边距为10 of的子容器抛到Flexbox容器中，每个子容器的Flexbox值为1，则每个子容器的宽度相等，这是很棒的。但如果我有两个孩子，其中一个的挠度值为2，那就不是2/3rds--1/3分裂。但是，如果我去掉保证金，它是2/3 3rds 1/3分割，这是需要的。
下面是一些示例代码：
<div class = "flexbox">
<div class = "flex" style = "background-color: red;"
浏览 0提问于2014-07-25得票数 1
回答已采纳
1回答
我刚刚制作了这一部分图像，您应该水平滚动以查看不同的图像，通过下面的屏幕截图的外观，这几乎是我想要的结果，还有一些风格的改变
但是，当我应用overflow:auto时，为了允许水平滚动，该部分切断了右侧的图像：
我怎样才能使该部分水平滚动，但不切断图像的右边？
到目前为止，它基本上是一个有三幅图像的弯曲框部分：
<section class="projectSlideshow">
<img 1>
<img 2>
<img 3>
</section>
.projectSlideshow {
浏览 7提问于2022-08-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
