引导程序分页是溢出的父div依赖于分辨率，如何缩小它或换行？
当引导程序分页溢出父div时，可以通过以下方法来缩小它或换行：
- 缩小它：
- 使用CSS的缩放属性来缩小整个页面，包括父div和其内容。例如，可以使用
transform: scale(0.8);来将页面缩小为原来的80%。 - 调整父div的宽度或高度，使其适应页面大小。可以使用CSS的
width和height属性来设置父div的大小，例如width: 80%;或height: 300px;。
- 使用CSS的缩放属性来缩小整个页面，包括父div和其内容。例如，可以使用
- 换行：
- 使用CSS的
word-wrap属性来控制文本是否换行。可以将其设置为word-wrap: break-word;来强制换行，使文本适应父div的大小。 - 使用CSS的
overflow-wrap属性来控制文本是否换行。可以将其设置为overflow-wrap: break-word;来实现自动换行。
- 使用CSS的
需要注意的是，以上方法只是针对引导程序分页溢出父div的情况，具体的实现方式还需要根据具体的页面结构和样式来调整。另外，腾讯云提供了一系列云计算相关的产品，可以根据具体需求选择适合的产品来进行开发和部署。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，可根据需求灵活调整服务器配置。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。详情请参考：云存储产品介绍
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：人工智能产品介绍
以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来支持云计算和开发工作。
相关·内容
我正在尝试缩小中的p-steps组件，以防止小屏幕分辨率的溢出。这是我当前的代码：
<div class="d-flex card mb-4">
<p-steps [model]="items" [(activeIndex)]="currentWizardCard" [readonly]="false"></p-steps>
</div>
这在大屏幕上看起来很好：
但是当降低屏幕分辨率时，步骤会溢出：
我想知道是否有一种方法可以包装这些步骤，或者以一种不
浏览 7提问于2021-03-04得票数 2
1回答
过大的字体不能使布局流畅
、、、
在开始时，我没有设置font-size，在div中插入一个长文本，如下所示：
<div>Hello World Hello World Hello World Hello World Hello World Hello World</div>
如果我缩小浏览器的范围，溢出的部分会变成下一行；
但是如果我将文本font-size大小设置为大尺寸，如下所示：
<div style="font-size:72px;">asdasdasasdasdasd</div>
我缩小了浏览器的范围，溢出的部分无法更改为下一行：
演示
那么为什么会发
浏览 0提问于2012-09-03得票数 1
回答已采纳
2回答
分辨率越小，内容越适合
、、、、
如果您在访问时会注意到...当你缩小屏幕尺寸时，顶部栏的内容会溢出它的父div，并覆盖网站的其余部分。
我想做的是，如果接收端的分辨率太小，我想迫使他们使用底部的滚动条，这样他们就可以看到所有东西。这样网站才能正常显示。
有什么编码的想法吗？
谢谢你，亚伦
浏览 0提问于2011-08-22得票数 3
回答已采纳
嗨，我有以下HTML：
<div>
<div style="display:inline-block;">
Child one **************************************
</div>
<div style="display: inline-block;width: 100px;">
Child two
</div>
</div>
当我调整浏览器的大小时，父div开始缩小。一旦没
浏览 2提问于2013-04-12得票数 2
回答已采纳
4回答
我有一个包含图像的div，图像对于div来说太大了。我已经用明显的CSS overflow:hidden技巧解决了溢出问题。
但是，问题是，当div的父级调整大小(缩小)时，保存图像的div不会因为其中的图像而缩小。
有没有办法让一个可调整大小的div里面有一个溢出的图像(几乎像一个背景图像)？
我的DIV结构：
<div id="parent">
<div id="image_holder">
<!-- this image will inevitably be larger than its parent
浏览 2提问于2010-06-18得票数 1
回答已采纳
我正在尝试使用top和left属性将jquery弹出div与屏幕中心对齐。我认为最好为这两个属性提供%值，这样即使调整了浏览器窗口的大小，弹出窗口也会居中。
但是，当我实际调整浏览器窗口的大小时，结果并不像预期的那样。
所以我的疑问是，我们为top，left属性指定的%值是否取决于屏幕分辨率？或者它们依赖于父容器的大小？
浏览 2提问于2012-08-29得票数 1
回答已采纳
我正在使用引导作为我的网站项目的主要前端框架和作为图形可视化库。
...
<div id="graph-container" style="width: 540px; height: 300px;">
</div>
<script>
...
$(document).ready(function() {
s = new sigma({ graph: graph, container: 'graph-container' })
});
</script>
我
浏览 1提问于2015-04-13得票数 0
回答已采纳
1回答
使引导列内容固定位置
、、、、
我有一个带有两列和一些偏移量的引导行。我希望最后一列是fixed定位，这样就可以在滚动时查看它。最后一列中包含图像内容。
我使用了引导程序附带的affix类来将最后一列中的div定位为固定的。但是它调整/溢出了最后一列中的图像。
您可以查看这些jsfiddles，以了解我在说什么：
无固定位置/.affix：
固定位置/.affix：
如何使div固定，而不调整子div中的大小或溢出内容？
浏览 5提问于2017-12-14得票数 1
回答已采纳
我正在努力让与链接和段落相关联的文本留在它们的父div中。
我将外部边界设置为col-sm-8，但文本链接溢出，不确定我在这里做错了什么，但我当前使用的代码就在下面。FWIW，我已经尝试在链接和段落上将框大小设置为content-box，但没有成功：
<div class="col-sm-8"><!-- Begin Box -->
<div class="box">
<div class="box-thumb" onclick="window.open('/generationetfs&#
浏览 0提问于2021-03-24得票数 1
我正在使用Bootstrap (2.3)在一个响应的网站。
我们有很多数据表，即使在删除了所有不必要的列之后，这些数据表也不能水平地安装在移动屏幕上。如果什么都不做，这些<table>就不能缩小到足够小的程度，通过在页面水平页面之外展开并触发页面缩放(尽管页面缩放上没有其他元素)来打破iOS上的移动布局。
目前，解决方案是将<table>包装为溢出<div>。
<div style="overflow: auto">
<table class="table>
</ta
浏览 1提问于2014-01-08得票数 1
在我的网站上，我有一些由页眉、页脚、分区和表格组成的页面，我使用的是viewport。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Html表格包含许多列，因此在移动设备中它会溢出到屏幕上。
要查看整个html表格，访问者必须缩小网页。
如图所示：
缩小后，您可以在图片标题和div中看到没有展开以匹配html表格宽度。
缩小后它的宽度仍然很短，因为我使用的是meta viewport，初始比例是1.0
但我需要这样的结果
参考图片：
浏览 4提问于2015-12-12得票数 1
我正试图在图像上贴上一条文字。当我放大/放大时，文本会向另一个方向移动，而不是图像，但我希望它们一起移动。我也使用媒体查询的一些决议，但我不能使用媒体-查询每一个给定的决议。那么我该如何解决这个问题呢？
我尝试使用媒体查询和容器的绝对/相对位置。
<div class="container-fluid test img-responsive">
<div class="row">
<div class="col-md-12">
<div class="
浏览 1提问于2019-07-17得票数 0
回答已采纳
我有一个导航条标题与各种项目在一个正确的对齐。我已经将溢出设置为隐藏在周围的div (工具箱)上，这样如果屏幕大小发生变化，标题就隐藏在左手品牌div下面。
在导航栏上，我放置了一个引导-ui下拉列表。当单击并显示它时，它会被Toolbox的溢出所切断。如果我删除溢出，它显示很好，但我有一个问题，溢出将出现在一个缩小的屏幕大小。
如何使下拉显示，同时保持任何导航栏内容隐藏，如果缩小？
<div id="ToolBox">
Some really important text that shouldn't wrap with a reduced wi
浏览 4提问于2015-07-03得票数 0
回答已采纳
1回答
我有一些代码，这是它应该工作的。然而，有时我的程序会因为一个错误而关闭。我曾尝试调试此错误，但在执行此操作时遇到几个问题。
当我在debug中运行时，我在启动程序后很快就会收到堆栈溢出错误，这比在release中收到错误时要快得多。
我已经缩小了在调试过程中抛出错误的范围，即当这个递归函数被调用第3570次时。
void setRankAbove(vector<nodeStructure> &allNodes, int index, int rankToSet) {
if (rankToSet>=allNodes[index].rank) {
浏览 0提问于2018-02-14得票数 1
3回答
我有一个带有溢出和水平滚动的父div，它包含一个网格和一些数据分页控件位于它下面的另一个div中
问题是，我希望即使在父div滚动时也要修复分页div (只有x滚动)
<div style="overflow:scroll">
<table>data</table>
<div id="bottom">Paging</div>
</div>
浏览 1提问于2012-04-18得票数 0
回答已采纳
有没有办法强制web浏览器缩小、减小字体，或者以其他方式压缩HTML/CSS定义的内容页面中的内容大小，以适应打印页面？
我正在尝试将各种web存储库中的文档打印为PDF或硬拷贝格式。这些文档通常具有打印文档的页码；不幸的是，存储库中可用的web版本经常与打印时的分页不匹配。
一个完全随机的例子：
通过搜索其他线程，我将以下代码拼凑在一起，成功地定义了页面大小，并使打印的文档在新页面开始处的适当位置包含分页符：
<style>
.pageA4 {float:none; page-break-before:always; body{width:210mm; height 297mm;
浏览 13提问于2018-11-15得票数 3
我有一个涉及Bootstrap的col-xs-push的设计，可以在我的设计中恢复图像和文本块的位置。当用户调整窗口大小时，图像应该变小，以免破坏设计，但不幸的是，我对图像所做的任何更改都会使其缩小为一个相当可悲的自身版本。
示例HTML：
<div class="row">
<div class="col-xs-6 col-xs-push-6">
<h2>Filler topic</h2>
<h4 class="mtb">Filler filler filler f
浏览 2提问于2015-03-11得票数 2
回答已采纳
4回答
我有一个div，我想保存我的文本，但当我缩小窗口时，文本会分解并溢出底部。这似乎只是chrome的一个问题，我希望有人能帮助我。
.about{
float: left;
margin-left: 50px;
margin-bottom: 20px;
max-height: 226px;
max-width: 515px;
font-size: 16px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
HTML：
<div class=abou
浏览 0提问于2013-03-14得票数 1
我有麻烦了。我正在制作一个自举网站。当我使用引导程序创建一行并添加我的列时，当设备的大小缩小时，不同的列会在彼此下面的一个新行上。
我的代码如下
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4"><center>Feed</center></div>
<div class="col-xs-4 col-sm-4 col-md-4"><center>Tutor</
浏览 2提问于2019-11-26得票数 2
回答已采纳
我正在使用tsayen的dom-tsayen库来快照一个图像元素。我的图像的内在大小接近1000x1000px，但在我的网站上，我已经将其缩小到大约500x500px。我想把图像缩小到它内在的大小，然后再对图像进行渲染。这就是我试图使用的：
HTML：
<div class="container" id="node">
<img class="mz_img" src="/MZ.jpg" />
</div>
联署材料：
domtoimage
.toPng(node, {
style
浏览 7提问于2022-05-14得票数 0
5回答
引导4分页缩放/响应
、、、、
我正在使用引导4中的分页组件，如解释的。
我能够在需要时成功地浏览我的页面，但是我注意到导航按钮似乎并没有像我预期的那样响应屏幕大小的变化。例如，我目前正在处理16页，当我在移动设备上查看该页或将浏览器的大小调整为更小的大小时，我只看到第4页到第14页的页按钮。我想，随着页面宽度的减少，我希望按钮会缩小，但这种情况似乎没有发生。
详细信息：
我已经添加了视图端口的元标记，根据Bootstrap的需要。
我使用一个容器div包含我的分页列表。
我使用的引导CDN，但它是正确的加载。
我没有包括代码示例，因为我正在跟踪引导示例到T。
(谢谢你的帮助:)
浏览 4提问于2018-05-02得票数 11
我有一个固定宽度的div，比如120 of。它里面的文本可以随着字符数的不同而改变长度。例如，对于英语来说，它可以是"Compare"，而对于俄语，它可以是"Добавить в сравнение"。
现在div的宽度对于英文的措辞是可以的，但是对于Russion的措辞来说，会发生溢出。在css中是否有办法在发生溢出时缩小字体大小。
我知道以下css的用法，但我不想使用省略号，并且希望显示全文，即使它的大小越来越小。
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
编辑：问题被标记
浏览 6提问于2017-08-30得票数 3
我有一个没有指定宽度的父div (它的默认宽度为1440 px)。其中有一个子div，其宽度为980 it，居中。当我放大到div时，父div的宽度会根据缩放的情况缩小。它比它的子div小，子div溢出。但我希望家长不要缩短孩子的年龄。它的最小宽度必须至少是980 at。我怎么能这么做？
浏览 0提问于2014-08-02得票数 0
回答已采纳
2回答
使用前端管理栏上方的多余空白
、、、、
问题(使用Twitter引导程序在管理栏上方多余的空白)：
当您登录并查看前端时--如果您缩小了浏览器，就会在管理栏上方出现过多的空白。我注意到它在全屏幕上很好，甚至是平板电脑大小。但是，当要缩小到小于600 to的值时，就会在管理栏上方出现空白。我已经在我的手机上测试过了，我的手机上也有空白。
问题：
这是一个冲突的问题与WordPress，或有什么事情，我需要做我的推特启动？
任何关于在移动设备上查看前端(使用Twitter引导--响应)时消除管理栏上方的多余空白的建议都将不胜感激。
浏览 0提问于2014-02-18得票数 3
回答已采纳
1回答
我已经创建了一个联系形式，一切看起来都很好，我想要的方式，但有问题。当调整/缩小浏览器的大小时，表单没有响应。我搞砸了，我想太多的代码，以至于我不知道我在做什么或已经做了什么。我快疯了！
当我调整浏览器的大小时，标签就会超出它所在的容器。即使我尝试使用margin: 0 auto;，提交按钮也不对中心。
我将在下面发布HTML和CSS以及我的CodePen。谢谢你的帮助！
CodePen
<section id="contact">
<div class="container">
<form id="cont
浏览 1提问于2019-02-20得票数 0
回答已采纳
1回答
我有一个网站，我使用引导和CSS，我有一个列表，在一个正常大小的屏幕(计算机/笔记本电脑)，当屏幕缩小到500 of以下时，我希望列表下降到页面底部。
我使用引导类隐藏-md来删除页面折叠中的一些div，这些div非常有效。
这里是CodePen 的一个例子，底部的照片消失了，因为我使用一个引导类在较小的屏幕大小上删除它。列表需要一直拖到页面的底部，因为它没有。
页面边栏的片段
<div class="row">
<!-- Sidebar -->
<div class="
浏览 0提问于2019-04-05得票数 0
我正尝试在引导导航栏下拉菜单中输入文本和图像。然而，它没有在导航栏上居中，而且当页面缩小时也会导致溢出间隙。下面是这个问题的jsFiddle：
<div class="container-fluid">
<div class="navbar-header"></div>
<div id="navbar">
<ul class="nav navbar-nav navbar-right">
<l
浏览 11提问于2016-07-30得票数 0
3回答
这是复制“问题”的最低限度代码：
<div class="container-fluid" style="text-align: center">
<h1>REALLYREALLYREALLYLONGWORDIT'SNOTOVERYET</h1>
<button class="btn">REALLYLONGTEXTAGAINCANYOUEVENREADTHIS</a>
</div>
摇摆不定的是。
现在，当屏幕足够大时，它看起来很好：
但是，如果屏幕
浏览 5提问于2014-09-05得票数 0
回答已采纳
3回答
如何约束容器内的文本溢出？
、、、、
我正在进行一个免费代码营项目，当我试图缩小这个站点时，文本会从width设置为"auto“的容器中溢出。文本从底部溢出，我不知道为什么。
我试过height: auto，height: 100%等，但是什么都没有用。
标记：
<section id="product-info">
<img class="background-image" src="https://i.postimg.cc/50G4sHcs/water-
2208931.jpg" alt="">
<
浏览 3提问于2019-07-20得票数 0
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
回答已采纳
1回答
我正在使用引导和普通的HTML CSS。我有一个<div>标记，它包含2个div，其中第一个<div>有一个Bootstrap form-group和一个btn-primary。我希望文本条目表单垂直展开，以填充它所在的<div>的可用高度，在下面的示例代码中是class="rightupper"。目前，我在textarea中使用style="height: 30vh;"的样式属性设置，它不适合/填充div，它采用垂直。水平宽度似乎很好。
HTML代码：
<div class="right">
浏览 5提问于2021-04-08得票数 0
回答已采纳
假设我在h1元素中有一个标题(任何元素都可以)。它的内容是动态的(不知道标题的长度)。它应该在一行中显示。h1位于有限大小的DIV (我们称之为容器)中。
我如何知道元素(h1)是否溢出了它的容器(DIV)？
因此，如果它溢出，我将应用一个CSS类来处理这种情况。例如，我会滚动h1的隐藏内容到视图中。
容器的宽度被定义为相对于屏幕大小。
示例：
#container {
width: 60%;
background-color: gray;
height: 50px;
// overflow: hidden;
position: rela
浏览 1提问于2016-07-28得票数 1
回答已采纳
1回答
我正在尝试设计一个响应的网页使用引导。我有以下HTML结构
<div class="container">
<div class="row">
<div class="col-lg-8 col-sm-8">
<div class="well"><!--Page content here--></div>
</div>
<div class="col-lg-
浏览 2提问于2014-09-15得票数 1
回答已采纳
3回答
限制文本宽度
、、
我的站点中的长输入溢出了div和允许的宽度。
我读到这是因为浏览器只会在有空格的情况下插入换行符。
由于我的网站都是用户输入，这可能会把事情搞得一团糟。
我想知道是否有一种方法可以限制宽度，即使输入中没有空格。
浏览 1提问于2011-08-12得票数 0
回答已采纳
我已经建立了这个网站：
所有的代码( HTML，JS，CSS)都被添加到了一个HTML页面中，因为它是在WordPress中使用的，并且使用了一个“即将到来”的插件。您可以查看站点并查看源代码，以查看页面的全部代码。
在页面上，我有一个绿色的向下箭头，点击时使用JS效果缩小徽标，并淡入隐藏在包含内容的fullScreen div中的文本。此fullScreen div不是设置背景的div的子元素(设置背景的div使用Google的插件将地图设置为背景)。
当最初隐藏的div中的内容变为可见时，内容溢出设置高度和宽度并添加垂直滚动条的div的边界。但是，我的问题是:是否有一种方法可以使这些内容与
浏览 8提问于2016-07-23得票数 0
回答已采纳
1回答
在引导模式上显示覆盖
、、、、
在从服务器为分页请求从服务器获取数据时，我希望在引导模式上显示覆盖。但问题是模型的溢出容器。我想只显示覆盖在模态体区域。但是过流使得我的覆盖div变成了position:fixed而不是position:absolute。
这是小提琴
单击“在模式上保存更改”以显示覆盖。
请帮帮忙。
提前感谢
浏览 1提问于2014-03-05得票数 1
回答已采纳
当芯片内容太长时，我想在芯片内部应用省略号。但是目前芯片溢出了容器。
示例代码在这里：
<div class="container">
<div class="chip">
<span class="chip__label">This is a chip, chip, chip, chip, chip, chip, chip, chip, chip, chip, chip!</span>
</div>
<div class="chip"
浏览 0提问于2021-10-22得票数 0
我希望图像在不剪切或隐藏的情况下显示，只需在文本增加和包装文本占用更多空间时缩小其大小
<div class="table">
<div class="cell">
<h5>
<span>"CATxxx45asdfghj 654654654 654654 65465 46546 54654 654654 kl;lkjhgfdsaWERTYUIOPOIUYTREWxcvbnm,mnbvcx"</span>
<
浏览 5提问于2015-11-10得票数 0
10回答
我使用的是最新的Datatables.net，带有数据和引导程序。我想我的问题是:数据响应引导用来检测溢出的是什么，因为它显然不是父宽度。
以下是我的研究结果：
这是一个非常直接的问题。如果我将窗口的宽度再缩小1像素，列将最终折叠。如果我把它展开，它就会返回到这个状态。我想防止从父引导面板溢出。我已经删除了引导网格div(行/col-xs-12等)以消除potitial问题，但是一旦解决了这个问题(或者我更好地理解了问题)，我也打算使用引导网格系统。
以下是完美复制问题的柱塞(折叠运行视图)：
<!DOCTYPE html>
<html>
<head>
浏览 4提问于2014-10-22得票数 45
回答已采纳
3回答
div {
position: absolute;
}
.header {
width:100%;
margin-top: 5%;
}
.content {
width:100%;
margin-top: 15%;
}
浏览了许多关于布局和浏览器调整大小的问题，但我就是不能理解。当我缩小窗口宽度时，是不是使用%而不是px使我的标题和内容div重叠？然而，调整窗口高度并不会导致重叠。
浏览 0提问于2016-01-20得票数 2
我刚刚在MVC 4应用程序中使用PagedList实现了分页。我的应用程序的主页包含一个部分视图，显示关于某些对象的汇总数据列表。在每个列表项旁边是一个按钮，单击该按钮启动一个模式窗口，显示有关该特定列表项的更多信息。
所有这些都在列表项的第一个“分页”页面上工作得很好，但是如果我导航到第二个“分页”页面并单击按钮启动模式，什么都不会发生。从Chrome的开发工具中，我得到了Uncaught TypeError: Object [object Object] has no method 'modal'。
该部分输出列表，包含用于模式的DIV和一个JS函数来处理启动模式窗口的按钮
浏览 5提问于2013-04-13得票数 2
回答已采纳
2回答
我有一个图像在我的头部，我想在任何时候裁剪它的DIV比图像本身更窄。
下面是我缩小浏览器窗口时的页面:出现一个滑块，您可以看到灰色的主体
下面是我想要发生的事情: div被切断，如果不缩放窗口，您就无法看到图像的其余部分。
如果这是div的属性，而不是图像的属性，那么在div中放置的任何其他对象都会以相同的方式运行。
我想贴一个更深入的问题说明，但我已经失去了我以前的帐户，我没有声誉的张贴链接/图片。
我已经尝试过溢出:隐藏，它不会对单个对象做任何事情(不过它隐藏了其他对象)。
编辑:好的，这就是我的错误所在:我输入了溢出：“隐藏”而不是“隐藏”，现在它完美地工作了。谢谢你
浏览 3提问于2015-09-02得票数 0
回答已采纳
3回答
如何将内容缩放到屏幕宽度
、、、、
考虑这个示例:我手动将正文缩放调整到60%，以便使#content div适合水平方向，( content div不能换行或滚动，并且内容不限于文本，它包含更多的div、表、跨度等。在示例中，我使用文本只是为了演示溢出)。
body{
zoom:60%
}
#content{
overflow-x: hidden;
white-space: nowrap;
}
<div id="content">
THIS CONTENT HAS TO FIT HORIZONTALLY ON SCREEN, THIS CONTENT CAN'T
浏览 0提问于2016-04-13得票数 7
回答已采纳
3回答
响应布局，在嵌套div中缩放图像
、、、、
我刚开始编码，但我很努力。有一件事我仍然完全不明白。Div内的div/图像缩放和定位与引导。我试图做一个响应网站，并需要一些帮助的布局。
下面是我的HTML代码：
<div class="container">
<!-- Pagrindinis divas -->
<div id="left_bar" class="col-md-8">
<div id="image_div">
<div ><i
浏览 4提问于2014-04-14得票数 0
回答已采纳
2回答
帮助!有人知道如何在div布局中解决这个问题吗？
我试图做一个div布局，当网页浏览器放大或关闭时，这个布局不会溢出，
下面是我的例子，当我放大网页浏览器时，
“页眉右侧”位于“页眉左边”的左侧，我想要的是div "header左侧“、"header center”、"header右侧“继续放大，并且底部是可缩小的，这样div中的内容就不会有溢出，比如.，
，这是我的代码；
**HTML**
<!doctype html>
<html>
<head>
<meta charset="utf-8"
浏览 5提问于2014-06-09得票数 0
回答已采纳
1回答
使用引导程序，我开发了一条带有按钮的线条。
我的问题是，当我将屏幕缩小到移动版本时，按钮就不对齐了，如图像所示。
有没有一种方法总是把这些按钮线，如果必要的话，与溢出-x滚动可用？
<div class="row justify-content-center" style="margin-top: 160px;">
<a style="color: #51CC8B;" class="btnP" >Tots
<span class="nav-link btn-glyph
浏览 1提问于2020-02-27得票数 1
回答已采纳
1回答
有没有人知道是否可以像浏览器缩小页面那样缩小div的内容？
我正在创建一个加载并分页到div中的应用程序。然而，我希望能够加载的内容没有滚动条。这意味着必须缩小div中的内容，而不是实际的div。我知道这可以用一个图像来完成，但是它能用HTML内容来完成吗？如果是这样的话，你有没有使用jquery或其他东西的例子。
浏览 1提问于2012-02-07得票数 0
我是HTML和CSS的新手，正在尝试解决这个家庭作业问题：
用灰色叠加背景显示上面的全响应式图像，文本必须通过编写HTML和CSS代码出现在全屏视图的中间。有两个图像，一个较小的用于移动设备，由HTML中的<picture>元素反映出来。
我在这里和其他地方拼凑了来自W3的建议，但我想不出如何使覆盖图适合图像大小，这样它就不会溢出(当前在全浏览器大小下左右都溢出，但当我缩小浏览器窗口时，可以在右侧看到一个没有覆盖的小条)。
以下是有关代码的完整代码：
编辑以反映给定答案中的建议：
HTML：
<div class="container">
<d
浏览 2提问于2018-12-21得票数 1
我有一个包含用户生成内容的DIV。这些内容可能并将以具有margin-top的项开始，并且margin-top溢出容器，从而在容器和前面的元素之间存在空白。我发现您可以将容器设置为display:inline-block、float:left/right或给它一个padding-top值。
如果您执行前两个选项之一，容器将将其宽度缩小到其包含的元素。填充顶不是一个选项，因为填充将产生空白。基本上，您可以为容器设置一个特定的宽度，但问题是，存在一个带有60+布局的模板系统，而我无法编辑所有这些布局。
所以我想知道，你们看到有什么CSS的方法来摆脱这个边际溢出的问题或者缩小的问题吗？
浏览 5提问于2011-11-24得票数 0
回答已采纳
4回答
overflow属性允许隐藏不适合边界框的内容，或者可以显示滚动条以在较小的视口中滚动内容。
但是否也有可能缩小孩子的字体大小，以防止溢出？
一般来说，没有缩小文本大小的选项，但我使用的是字体大小为300%的。在这种情况下，将字体大小缩小到100%是可以接受的。
是否有可能检测到溢出？
浏览 0提问于2017-10-02得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
