我如何使一个表元素水平溢出它的父容器？
要使一个表元素水平溢出其父容器，可以通过使用CSS属性进行控制。具体方法如下：
- 首先，确保父容器具有相对定位或绝对定位，以便作为溢出的参考框。
- 使用CSS的overflow属性来控制元素的溢出。将父容器的overflow属性设置为hidden，可以隐藏溢出的内容；将其设置为scroll，可以显示滚动条；将其设置为auto，浏览器会根据需要自动添加滚动条。
- 接下来，将表元素的CSS属性设置为超出父容器。可以使用white-space属性设置表元素内部的文字如何换行，如设置为nowrap表示不换行；可以使用text-overflow属性来控制超出部分的处理方式，如设置为ellipsis表示用省略号表示。
以下是一个示例的HTML和CSS代码：
HTML代码：
<div class="container">
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
</tr>
</table>
</div>CSS代码：
.container {
width: 300px;
height: 100px;
overflow: auto;
position: relative;
}
table {
width: 100%;
table-layout: fixed;
}
td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}在上述示例中，父容器的宽度为300px，高度为100px，设置了溢出时自动显示滚动条。表元素的文本内容超出了父容器的宽度时，会自动隐藏超出部分，并用省略号表示。
对于这个问题，腾讯云的相关产品可以推荐使用腾讯云CDN（内容分发网络）来加速静态资源的分发，以提高页面加载速度和用户体验。CDN产品能够缓存静态内容并将其分发至全球各地的边缘节点，减少了数据的传输距离，提升了访问速度。具体产品介绍和链接如下：
腾讯云CDN（内容分发网络）：腾讯云CDN为用户提供静态加速、动态加速和全站加速等多种加速场景，可有效提升网站加载速度，增加访问流量。详情请参考：https://cloud.tencent.com/product/cdn
相关·内容
2回答
我觉得这可能是一个非常愚蠢的问题，但不幸的是我不得不问它。
如何防止无序列表溢出其父div？我知道li元素上的float:left会导致它溢出父div，但我需要让li元素浮动，这样它们才能水平。不知道还能做什么。
这是我到目前为止所拥有的，
这就是我想要的样子
浏览 3提问于2012-03-07得票数 0
回答已采纳
我在div中有一个表，它的样式是表包装器。
.table-wrapper {
display: inline-block;
overflow-x: scroll;
width: 800px;
}
正如您所看到的，我希望这个div显示一个水平滚动条，这样它里面的表就可以像它应该的那样宽。问题是，我的表仍然调整自己，以完全占据包装的宽度，使滚动条无用。这是表格的样式：
.elements-table {
width: 100%;
}
怎样才能让我的桌子像它应该的那样宽呢？
浏览 2提问于2013-08-07得票数 0
3回答
如何隐藏具有大宽度设置的<div>的水平、屏幕外溢出？例如：
HTML：
<div class="example">
</div>
CSS：
.example {
height: 100px;
width: 10000px;
background-color: black;
position: absolute;
overflow: hidden;
}
显示滚动条出现的，如果div非常大，我希望不会出现这种情况。
编辑：在父元素上添加隐藏溢出-x不适用于小宽度iOS设备。
浏览 23提问于2017-11-17得票数 1
回答已采纳
2回答
通常，当文本内容大于它的容器时，它会在Y方向/垂直方向上溢出：
-----------------------
|Hello hello hello hel|
|lo hello hello hello |
|hello hello hello hel|
-----------------------
lo hello hello hello
hello hello
然而，在这种情况下，我希望它在X方向/水平方向上自动溢出，同时保留和填充div的固定高度。(宽度应该相应地调整，它可以显示一个水平滚动条，也可以简单地水平溢出容器。)
-----------------------
|Hel
浏览 1提问于2015-02-07得票数 0
2回答
当你做像这样的事情时：
.container {
column-width: 200px;
height: 300px;
}
<div class="container">
... a lot of text...
</div>
如果文本足够大，将导致相应的文本向右溢出容器宽度。如果你想要一个水平布局，那就太棒了，但是，div宽度不会增长，因为文本已经“溢出”了容器。如果你给div设置一个背景，你会发现背景在屏幕结束后不会出现(如果文本足够大的话)。这就是为什么，如果你以水平的方式将第二个div放在这个div的旁边，第二个div会覆盖
浏览 0提问于2017-03-10得票数 0
2回答
子div溢出父div
、、、
我有3组复选框，前两个是固定的宽度，最后一个应该占剩余的空间。在最后一个组中，如果名称很长，则会为该组显示水平滚动。
然而，最后一组溢出了父div 。我该如何解决这个问题呢？
浏览 0提问于2021-06-11得票数 0
我在Windows中有一个看似简单的布局问题。下面的图片说明了这个问题：
我的要求如下：
字幕必须总是可见的，以牺牲标题的溢出文本为代价。
标题和字幕必须是垂直的和水平的中心。
当我使用StackPanel或自动高度Grid行时，框将溢出.如果我尝试星体高度行，我无法控制一个大标题。
浏览 4提问于2013-08-22得票数 3
我试图创建一个模式窗口，它将显示在桌面浏览器，移动浏览器和平板电脑上。
我想同时使div的绝对位置，div应该在页面的中心水平和垂直。
我尝试了以下几种方法
#outerdiv{
top: 50%;
left: 50%;
position: fixed;
width:100%;
margin-left:0px;
}
#innerdiv{
width:50%;
height:100%
}
上面的代码自动使内容适合页面。但是如何使绝对位置或中心在水平和垂直方向上对齐。我像弹出窗口一样显示这个div。
浏览 0提问于2014-01-10得票数 2
1回答
所以我一直试图为一堆缩略图制作一个水平滚动菜单。我已经找到了很好的信息，如何使它水平滚动，但我的缩略图仍然堆叠在一起，仍然垂直滚动在我的div。当'x‘方向出现溢出时，我希望所有的缩略图都在一个行中水平滚动。我也希望我的div保持在与缩略图宽度成正比的高度。现在，如果我执行auto，容器div将更改为一个足够大的高度，可以在多行而不是一行中显示所有50幅图像。这是我的密码
HTML (.ejs文件)：
<div class="thumbnail-container">
<ul class="thumbnail-list">
浏览 0提问于2017-07-12得票数 0
回答已采纳
2回答
位置:水平卷轴上的粘性不起作用
、、、、
我有张桌子看起来像这样：
<table id="navbar" border="1" style="background-color:navy;height:150px;position:sticky;top:0px;right:0px;left:0px;border-style: solid;border-color:black;max-width:999999px; width:100%; background-image: none;">
所有表的样式：
table{
text-align:center
浏览 0提问于2020-05-10得票数 0
3回答
我有一个带有溢出和水平滚动的父div，它包含一个网格和一些数据分页控件位于它下面的另一个div中
问题是，我希望即使在父div滚动时也要修复分页div (只有x滚动)
<div style="overflow:scroll">
<table>data</table>
<div id="bottom">Paging</div>
</div>
浏览 1提问于2012-04-18得票数 0
回答已采纳
2回答
我有一个隐藏了溢出的容器和一个元素，这个元素是用li的绝对位置进行的选择，但是它对于父容器来说太长了，所以我想让这个元素离开容器，但是溢出隐藏(父容器有很多其他元素，并且它有水平滚动)不允许这个元素出去。
下面是这个的截图：
浏览 0提问于2015-07-10得票数 0
2回答
我有一个有很多行的表，这会导致引导“表响应”，使滚动条离开屏幕底部。要查看溢出到两侧的数据，您必须滚动到底部，移动滚动条，然后再向上滚动。
看看这把小提琴，
这是HTML代码，
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<th>#</th>
<th>Header 1</th>
... (bunch of headers)
浏览 6提问于2014-05-29得票数 17
回答已采纳
我的弹性框是水平伸展的，而不是垂直伸展的。我正在查看代码，而工作水平甚至都不在其中，所以我甚至不确定它是如何做到这一点的。
我问了教授这件事，她给了我一个提示。
对于第2部分，框需要在悬停时垂直展开。因此，将方向更改为“垂直”，并在.flexbox、.flexbox > div、.flexbox > div:hover中调整高度的大小。图书示例调整宽度。如果存在溢出，请使用flexbox div中的overflow :hidden。因此，当鼠标不悬停时，文本不会溢出。
希望上面的提示能有所帮助。
这是一个实际页面的链接。有没有人能指出我需要修改哪个词？
浏览 8提问于2017-08-27得票数 0
2回答
我需要帮助，使我的图像采取没有宽度的HTML。我的意思是，当你缩小窗口的宽度时，我不想看到影响水平滑块的图像。我认为溢出:隐藏；将工作，但右边的图像占用了HTML文档的空间。
浏览 3提问于2015-11-18得票数 1
回答已采纳
1回答
如何禁用图像中的水平滚动？
、、、、
我在做动画片的滚动页。目前，我正在为移动设备优化它。
如果元素大于实际屏幕(例如，大于移动屏幕)，则可以在该元素中滚动(例如，您能够在图像中水平滚动)。我怎么能阻止它？我已经发现，当水平滚动图像时，实际的x滚动位置不会改变。
由于动画的原因，我无法将任何元素的位置设置为相对位置。溢出-x:在我的情况下隐藏不起作用。
浏览 0提问于2021-07-31得票数 1
回答已采纳
1回答
我有一个具有相同代码的5个html页面。假设这是代码：
<div id='generic'>
</div>
所有5页链接到同一个外部CSS文件，即：
<style>
#generic {
width: 700px;
height: 500px;
}
</style>
在这5页中的每一页上，我都插入了一个表，如下所示
<div id='bottomBar'>
<table id='bottomTable'>
浏览 3提问于2013-11-07得票数 3
回答已采纳
1回答
我有一个很大的精灵图像，它周围有一个链接，这个链接有一个父的属性，这个图像是一个子的属性。
我正在使用css剪辑技术来提取图像的一个特定部分。然而，在我的chrome浏览器中，即使我是定位，我的子元素绝对，并给它一个溢出的隐藏<代码>E 211</代码>，它导致<code>E 112</代码>浏览器<代码>E 213</代码>具有<code>E 114</代码>垂直/水平滚动条。
.parent{
margin-top: 10px;
text-decoration: none;
浏览 1提问于2010-08-13得票数 3
1回答
保持块元素水平
、、
如何将块元素水平地保存在div中而不让其溢出。朋友，我的意思是，我有4个div元素，宽度为100 in，在一个div中有300 in的宽度。所有4个div都向右浮动，但最后一个被包装到下一行。我希望它保持水平，而不被包裹或溢出。只是隐藏html
<div class="f">
<div>one<\div>
<div>two<\div>
<div>three<\div>
<\div>
css
.f
{
width:300px;
heigh
浏览 2提问于2014-04-22得票数 1
回答已采纳
1回答
我有一个"Content“div，它本身包含3个浮动的div:left。下面是页脚。
现在页脚有了一个边框-top:10px，你会看到它隐藏在content div后面。这是因为内容div不会调整它的高度，因为它的内容是浮动的。
为了解决这个问题，我这样做
overflow:hidden
这就是问题所在，虽然这解决了高度问题，但它也导致了另一个问题。3个浮动的div上有一个长方体阴影，当“内容”容器的溢出被隐藏时，它会砍掉外面的阴影。
这是jsfiddle内容，正如你将看到的，盒子的阴影在外面被砍掉了，如果你移除了溢出:隐藏；从# 中它修复了阴影，但破坏了页脚div的位置。
有什么想法
浏览 5提问于2014-01-10得票数 0
1回答
嗨！
我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。
问题
我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )
我面临的问题与移动视图有关，因为这些屏幕较小，不能在一个视图中包含所有信息，但我无法滚动卡片。滚动只移动家长-就像在链接外派。
TODO
目标是不允许父滚动，并使子滚动，如果它的高度>屏幕高度。当子组件存在时，如何使父组件‘溢出:隐藏的或类似的东西？
浏览 3提问于2021-02-18得票数 1
我必须从这个样式表中添加location：
const mapStyles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
height: 400,
width: 400,
justifyContent: 'flex-end',
alignItems: 'center',
},
location: {
...StyleSheet.absoluteFillObject,
width: 400,
ali
浏览 2提问于2017-05-16得票数 4
回答已采纳
1回答
TL：博士
而不是动画高度降低，jQuery只是删除其中一个元素，而适当地动画其他。请看小提琴：
完整版本
我有一个水平形状的div，它有一个垂直的嵌入式div。在垂直的div中，我有另外2个div作为边界。我想动画它的高度降低，使它的行为像一个下拉菜单。我有一个简单的jQuery函数来实现这一点。
function maximizeCleaningCard () {
$('.cleaning_card_right_right_border, .cleaning_card_right_left_border').animate({height: 0}, 1000)
浏览 4提问于2020-10-30得票数 2
回答已采纳
1回答
我有一个有水平溢出的父级。我想要基于(触摸)相对于左侧的滚动位置的子项(和子项)的位置。我尝试过的每个JS函数都会返回固定位置。
<div class="parent"> <div class="child-one"></div> <div class="child-two"></div> </div>
.parent { overflow-x: scroll; overflow-y: hidden; width: 100vw; } .child-one,
浏览 11提问于2019-11-22得票数 0
回答已采纳
1回答
我有一个html5网页，它的数据表在每个平台上都被正确地打印出来，除了IE9。
错误详细信息：
当表内容适合于一页时，表将被正确打印。
表标题始终被正确打印。
顺便说一下，我已经验证了html/CSS代码。
知道有什么问题吗？
浏览 0提问于2014-03-06得票数 0
回答已采纳
2回答
我有以下问题。如何使图像半可见
CSS？
应该是这样的：
当我用边距向右移动图像时--例如，向右100%，有一个水平滚动，但是如何分割图像？
.logo{
opacity: 0.03;
z-index: -1;
margin-top: -70%;
margin-left: 90%;
}
浏览 6提问于2022-03-05得票数 -1
回答已采纳
3回答
有没有办法使overflow:hidden不适用于每一个孩子？
很小的例子：
<div class="parent" style="overflow:hidden; position: relative;">
...
<div class="hidden" style="top: -50px"> AA </div> <!-- overflowed and hidden -->
<div class="visible" style="bo
浏览 5提问于2016-08-15得票数 2
回答已采纳
1回答
给定标记
<body>
<div style='text-align:center'>header</div>
<table>
<tr><td>
really_wide_table........................................................................................................................................................
浏览 3提问于2009-10-21得票数 1
回答已采纳
它是关于html/css/javascript菜单的;)
我正在寻找统一的解决方案，以隐藏额外的标签的水平/选项卡式菜单时，它溢出它的容器。
最初的想法抄袭了firefox的标签工作流程，即当你有太多的标签时，它会将额外的标签包装成可折叠的下拉按钮“列出所有标签”。
我正在考虑将overflow:auto与javascript结合使用，但是有没有像这样已经实现的东西或者更好的想法呢？
谢谢。
浏览 1提问于2010-04-10得票数 2
1回答
我现在正在做一个旋转木马，模仿Facebook在底部的F8照片旋转木马。
我的旋转木马结构基本相同：
<div class="container">
<div class="one"></div>
<div class="two"></div>
</div>
对于SCSS我有
.container {
width: 100%;
position: relative;
height: 450px;
overflow: hidden;
div {
浏览 2提问于2017-03-02得票数 0
回答已采纳
3回答
我想在同一行中显示两张桌子。然后我使用float: left;
如果这些表的宽度大于容器的宽度，我将使用overflow: hidden;来隐藏剩余部分。
溢出隐藏工作完美，但表不停留在同一行。
我怎么才能解决这个问题。我想让这张桌子排成一排。
浏览 4提问于2013-03-29得票数 0
回答已采纳
1回答
首先，我意识到在堆栈溢出上已经有类似的问题，但是没有一个解决方案对我有用。我仍然不能正确地对齐我的导航--一个名为"header“的div的中心和底部。
这是一把小提琴
HTML：
<html>
<body>
<div class="container">
<div id="header">
<ul>
<li>
<p class="quote">Site quote,</p>
<p clas
浏览 3提问于2013-11-08得票数 0
回答已采纳
4回答
我有一个带有flex-direction: row的柔性盒。子项有一个min-width集。当窗口缩小到到达min-width的点时，这些项开始溢出flex容器。
.parent {
display: flex;
flex-direction: row;
background-color: red;
}
.child {
min-width: 100px;
flex-basis: 0px;
flex-grow: 1;
margin: 5px;
height: 100px;
background-color: blue;
}
<div class=
浏览 0提问于2018-04-27得票数 26
回答已采纳
2回答
我的网页上的表格被设置为width:100%。如果需要，这会将表扩展到我的页面的整个宽度，如果页面太窄，则会导致表的内容被包装。桌子上的每一件东西都保存在一个网格里。
不幸的是，如果表格中有很长的单词阻止td变得更窄，就会出现一些问题。当发生这种情况时，页面开始开发一个水平滚动条以容纳表，将其他元素放在页面上，例如段落，保持原始页面的宽度。
我试图将表设置为overflow:scroll，以防止网页变宽，将其限制在表中，但这并没有解决问题。我甚至尝试过overflow:hidden，看看它是否会响应，但我无法使它工作。
如果我将表设置为display:block，则溢出会工作，但无法使表行和表
浏览 5提问于2020-08-31得票数 0
回答已采纳
我希望在一个容器块元素中水平居中两个(或可能更多)行内块元素。它应该看起来像这样：
--------------------------
| _____ _____ |
| | | | | |
| | foo | | bar | |
| |_____| |_____| |
|_________________________|
然而，在我的坏代码中，它目前看起来是这样的：
--------------------------
| _____ ____ |
|| | |
浏览 70提问于2012-01-06得票数 61
回答已采纳
5回答
我正在尝试创建一个水平100%堆叠的条形图使用HTML和CSS。我想使用DIVs创建具有背景颜色和百分比宽度的条形图，这取决于我想要绘制的值。我也想有一个网格线，以标记沿图表的任意位置。
在我的实验中，我已经通过分配CSS属性float: left来使条水平堆叠。然而，我想避免这种情况，因为它似乎真的以令人困惑的方式扰乱了布局。此外，当条形图浮动时，网格线似乎不能很好地工作。
我认为CSS定位应该能够处理这个问题，但我还不知道如何做到这一点。我希望能够指定几个元素相对于其容器左上角的位置。我经常遇到这种问题(甚至在这个特定的图形项目之外)，所以我想要一个方法，它是：
跨浏览器(理想情况下没有太
浏览 165提问于2008-09-19得票数 194
回答已采纳
我在div里面有一个div，子元素都是以它的父母为中心的，并且比父的要大，使得它在它的两边都溢出。这个孩子有另一个div，里面有一些文字。
<div class="outer">
<div class="inner">
<div class="text">
testing testing
</div>
</div>
</div>
css：
.outer
{
width: 400px;
he
浏览 4提问于2013-08-19得票数 1
回答已采纳
1回答
我似乎不能保持我的(动态宽度)表与前一个元素在同一行上，并且让它扩展到它的父容器而不超过它并溢出。我不想要水平滚动条，因为表格应该只是将行和/或单词拆分以使其更窄。然而，它并没有这样做。
在小提琴中，表溢出并超出其父容器的宽度。父容器使用white-space: nowrap将其与其旁边的内容保持在同一行上。
为什么它的宽度大小不正确？如果我在表格上设置一个固定的宽度，它会正确地工作和调整宽度，但我需要表格的宽度是动态的。只有包含div的最外层是固定的。
有什么想法吗？
浏览 0提问于2013-08-10得票数 0
1回答
我正在创建一个由10X10单元格组成的表，它(在创建所有单元格之后)将不适合它的父单元。
为了在显示代码之前更容易理解，表如下所示：
如您所见，每个表格单元格都是一个以"Test“作为文本的按钮，我无法使这个10X10网格扩展以填充其父单元格(视图水平退出屏幕，不会垂直填充)。
我正在以编程方式创建每个单元格，如下所示：
val table = findViewById<TableLayout>(R.id.table)
for (i in 0..9) { //10 rows inside the table
va
浏览 1提问于2019-09-18得票数 1
回答已采纳
1回答
我有一个<img>，它的信号源比屏幕大。因此它与屏幕的右边框重叠，这使得我的页面可以水平滚动。我希望图像在屏幕的右边被剪切掉，这样我的网站就不再比屏幕大。我如何才能做到这一点？
这是向右滚动时的截图：
浏览 6提问于2018-08-04得票数 0
回答已采纳
我正在尝试为一个网站设置代码块的样式。容器div设置为垂直和水平溢出。问题是当它水平溢出时，斑马条纹的背景色就会被剔除。我也尝试了背景图像，但它也剔除了背景图像。它为什么要这么做?我该如何修复它？
谢谢。
图片来源：
网页(缩小浏览器宽度以查看问题)：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="created" content="">
<
浏览 6提问于2011-12-15得票数 28
回答已采纳
2回答
在我的react应用程序中，我有一个带有固定表布局的表，我正在使用MaterialTable (这里是)组件在material ui中。
这个问题出现在移动大小时，我希望有一个水平滚动条来查看溢出列。目前，我添加wordWrap: "break-word"只是为了使表合适，但我想用一个水平条来代替它。请提供协助。
return (
<MaterialTable
title="Editable Example"
columns={state.columns}
data={state.data}
opti
浏览 3提问于2020-07-09得票数 1
3回答
我有这个
<div id="container">
<div id="div1"></div>
<div>
现在，让我们假设：
“容器”的宽度为300 0px“容器”有溢出:隐藏； "div1“的宽度为1000 0px； "div1”的绝对位置是:0 0px，左:0 0px；<code>f 210</code>
问题是：
"div1“不是隐藏的，它溢出了”容器“，但它仍然显示：
如果我简单地删除“位置:绝对”，它就能工作了。
如何隐藏"div1“的溢出？
浏览 4提问于2010-12-29得票数 1
回答已采纳
2回答
有谁知道如何使使用制作的图表可滚动。我有一个条形图，在x轴上有一个很长的类别列表。当我将浏览器视图更改为移动屏幕时，x轴上的标签相互插入，无法读取不同的类别。
我正在寻找一个解决方案，使图表水平滚动。这可能吗？？
浏览 11提问于2016-09-13得票数 5
我需要在包含的父文件中定位一个标头，这样当滚动时它就会跟随。问题是
position:fixed
将该位置修复到浏览器，而不是父服务器。这导致的结果是，当我有一个容器有一个横向滚动溢出的宽度(内容比容器宽)，我的固定标题没有溢出-滚动表的内容一样。
参见此
因此，这里的目标是修复头部的位置，但相对于它的父容器是固定的。在这个小提琴中，您可以看到我已经注释掉了一个css块：
.container{
/*-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: tr
浏览 8提问于2015-07-21得票数 5
回答已采纳
3回答
CSS很酷，但也有点棘手，对吧？
我有三个急迫的问题要问你们CSS大师：
如果我有一个div id="a"具有所有默认属性(在定位等方面)，然后在其中放置另一个div id="b"，并以像素为单位设置其宽度和高度，同时设置float: left属性，那么为什么div id="a"不调整其高度以容纳div id="b"呢？有可能做到这一点吗？I有以下情况：
紫色div只是一个普通的div (padding: 10px)，白色的东西是面向水平的ul列表中的项目(同样放在它自己的div与float: left中)，而绿色div是另一个
浏览 2提问于2010-10-18得票数 1
回答已采纳
3回答
我确信在我找不到它之前就有人问过这个问题。
使用一个高度为窗口高度100%的引导面板，我希望面板.mybox的内容拉伸100%
<body>
<div class="content">
<div class="panel panel-default">
<div class="panel-heading">Map</div>
<div class="panel-body">
<div class="mybox&
浏览 1提问于2014-02-10得票数 0
回答已采纳
我一直试图使用伪元素将我的背景图像从它的容器的溢出出来，但是没有达到我想要的效果。
当放大或缩小，我的背景似乎是向左，而不是中心指定的位置。我也尝试过做left:40%，但是这会创建一个水平滚动条，我不想这样做。
.hero{
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.hero::before{
content:" ";
background:url("URL");
back
浏览 0提问于2019-04-23得票数 0
1回答
我有一个容器和溢出 <div>，它显示了许多<ul> <li>列表.每个表中总是有相同数量的项( of items <li> )，两个都与相邻，就像一个表。
但是..。我可以有这样一种情况，即<ul>只有一个与 <li>相邻。
当我将<li>的宽度设置为100%时，Chrome显示设置在容器div宽度的边/限的右边框，如下图所示：
我希望孤独的right border <li>应该被定位到其他<ul> <li>列表的宽度限制(溢出)，如图所示。
有可能吗？我做错了什
浏览 3提问于2014-01-28得票数 3
回答已采纳
3回答
我有一个包含overflow: auto的DIV中的表格：
HTML：
<div id="table">
<table>
<tr>
<th>Heading</th>
</tr>
<tr>
<td>Data</td>
</tr>
</table>
</div>
总共有6个TH标签和6个TD标签
CSS：
div#table
{
overflow: auto;
浏览 1提问于2011-01-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
