当我在div溢出的高度动态添加svg时，我如何防止它？
当在div溢出的高度动态添加svg时，可以采取以下方法来防止溢出：
- 使用CSS属性进行控制：可以通过设置div的CSS属性来控制其溢出行为。可以使用
overflow: hidden来隐藏溢出的内容，或者使用overflow: auto来自动添加滚动条以便查看溢出的内容。 - 使用CSS属性进行定位：可以使用CSS属性来定位svg元素，以确保其在div内部正确显示。可以使用
position: absolute来将svg元素相对于div进行定位，然后使用top和left属性来调整其位置。 - 使用JavaScript进行动态调整：可以使用JavaScript来动态调整div的高度，以适应添加的svg元素。可以通过获取svg的高度，然后将div的高度设置为相应的值，以确保svg完全显示在div内部。
- 使用响应式设计：可以使用响应式设计来确保svg在不同屏幕尺寸下都能正确显示。可以使用CSS媒体查询来根据屏幕尺寸调整div和svg的样式，以适应不同的设备。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：腾讯云对象存储（COS）是一种安全、低成本、高可靠的云存储服务，适用于存储和处理任意类型的文件。它提供了丰富的API和工具，方便开发者进行文件的上传、下载、管理和访问控制等操作。了解更多信息，请访问：腾讯云对象存储（COS）
- 腾讯云云服务器（CVM）：腾讯云云服务器（CVM）是一种弹性、安全、稳定的云计算基础设施，提供了多种配置和操作系统选择。它可以满足不同规模和需求的应用场景，支持快速部署和弹性扩展。了解更多信息，请访问：腾讯云云服务器（CVM）
- 腾讯云内容分发网络（CDN）：腾讯云内容分发网络（CDN）是一种高效、可靠的全球分发服务，可以加速静态和动态内容的传输，提供更快的访问速度和更好的用户体验。它可以通过缓存、负载均衡和智能路由等技术来优化网络传输，适用于各种网站和应用场景。了解更多信息，请访问：腾讯云内容分发网络（CDN）
相关·内容
我有一个可调整大小的div。它有两个内部div。其中一个内部div中有一个svg元素。
在svg元素中，我动态地添加和删除内容，以便每次在svg中添加内容时。我通过增加20px来增加它的高度，当我删除它时，我减去20px的高度。当我的svg高度大于其父div时，父div中会出现一个滚动条。类似地，当svg高度小于父div时，滚动条被移除。
当我调整大小时，问题就开始了。我已经在我的svg中添加了一个viewbox选项来调整大小。但是当我增加大小时，我的一些svg元素是不可见的。当我减小大小时，我的svg被放置在一个较低的位置，留下了空白空间。
如何用viewbox属性处理svg的位置/高度，这
浏览 0提问于2012-07-27得票数 9
回答已采纳
我有一个可缩放的，可拖动的树形图，它有数千个节点在我的角度应用程序中使用。
。
我可以从我的d3图下载/导出SVG或SVG的任何父div。
问题是只有SVG元素可以下载，因为SVG的内部元素"g“会溢出，所以这些元素不包含完整的树状图。SVG的内部组元素"g“大于SVG的高度和宽度，并且是动态的(可拖动的)。
这个"g“元素有一个完整的树图，我无法导出为图像或pdf。
如何导出完整的图表？
浏览 1提问于2018-11-13得票数 3
回答已采纳
3回答
SVG填充宽度到子元素
、、、、
我想让我的容器SVG元素缩放，以便适合它的子组元素，或者让它在溢出时显示滚动条。我想知道是否有一个css属性来做到这一点。
例如，如果标记如下所示：
<div class="wrapper" style="width:500px; overflow-x:scroll;">
<svg class="main">
<g width="1000"></g>
</svg>
</div>
我如何让svg的宽度填充到'1000‘，或者如果子
浏览 0提问于2014-05-04得票数 4
1回答
为动态值裁剪SVG内容
、、、
我有一个离散数据的颜色图例，这是用SVG完成的。但我得到的问题，以显示整个内容，因为它是被裁剪。我不能定义固定高度，因为内容是动态的。
FYI:我的代码是用react写的。
注意:我可以给溢出:可见，并使内容可见，但再一次，问题来给背景色(背景颜色不会得到申请溢出的内容)。
代码链接：
React.useEffect(() => {
// calling legend function and passing div id to function
colorLegend("#legend");
}, [dep]);
function colorLegend(le
浏览 3提问于2021-11-29得票数 0
回答已采纳
1回答
我想根据子内容为父级div分配高度(这里SVG是我的孩子，它有不同的大小数据)。我不能指定固定的高度，因为数据是动态的。我试着给高度:自动，但没有用。我想要整个数据，在我的情况下，方框应该采取黑色或红色背景。由于我将属性赋予SVG为(“溢出”、“可见”)，所以内容是可见的，但不幸的是，背景没有增加。
注意:我的问题是我不能给整个数据的背景色，因为高度是没有定义的。如果我不给SVG(子)提供溢出属性，那么数据(方框)也会被裁剪成一半类似于背景。
这是我的代码片段。
React.useEffect(() => {
// calling legend function and passing
浏览 1提问于2021-10-23得票数 1
2回答
CSS
.page{
width: 275px;
hight: 380px;
overflow: auto;
}
HTML
<div class="page">dynamic text</div>
当动态文本溢出超过div的固定高度时，如何创建新的div？
示例：
<div class="page">Some dynamic texts will appear here</div>
当动态文本溢出超过div的固定高度时，上面的内容将如下所示。
<div clas
浏览 2提问于2012-12-25得票数 7
当视口小于600 to时，我尝试旋转SVG生成的图形。我使用了一个媒体怪诞，它工作的很好，但svg是从它的容器溢出，无论我做什么，我不能修复它。
没有javascript就能修复它吗？
我尝试使用preserveAspectRatio属性和viewbox属性，但它不起作用。
下面是代码：
HTML：
<div class="container">
<svg viewBox="0 0 700 100" preserveAspectRatio="none" class="graphic" style="
浏览 0提问于2019-08-25得票数 1
回答已采纳
我有一个分成3个部分的页面。一个有几个按钮的顶栏，一个大的中间部分和一个有更多按钮的底栏。最重要的是，几个浮动窗口将根据点击的按钮打开和关闭(这个问题可以忽略)。
请求的结构是中间部分，它必须是一个空的div，它将通过jquery加载其他几个页面。其中一些页面具有交互元素，因此它必须接受mouse events，尽管在所有页面元素中，div的z-index最低。
顶部和底部栏上的按钮必须都是svg元素，这既是因为矢量属性，也是因为偶尔会出现奇怪的形状。而且它们的z-index必须始终高于中间的div。
我的问题是，svg覆盖了中间的div并阻止了所有交互(在本例中，当您单击div时会出现一个简
浏览 2提问于2013-05-27得票数 0
回答已采纳
2回答
如何使选项卡边框与项长度对齐？
、、、、
来自json的数据长度不等于购物车的角度。必须将主选项卡的长度与项的长度对齐。
如何使选项卡边框与项长度对齐？
我将留下一个屏幕截图和源代码，以使它更容易理解。
import React from "react";
import Data from "../../assets/data/data.json";
const Cards = () => {
const cards = Data;
const cardItems = cards.map((card) => {
return (
<div ke
浏览 3提问于2022-06-29得票数 -1
回答已采纳
1回答
<div id="maindiv" style="height:60px;width:100px;border:1px solid black;float:left">
<svg width="100%" height="20">
<text x="28" y="18" style="text-anchor: start">somedynamictext</text>
</svg>
</div&
浏览 2提问于2015-09-08得票数 1
当我将overflow-x: scroll添加到包含两个大文本的div中时，div是可滚动的，尽管它没有溢出。但是，当我在末尾添加另一个小元素(br，p，具有较小的字体大小)时，它将无法滚动。
示例(使用TailwindCSS)：将有滚动
<div class="container flex flex-col overflow-x-scroll">
<h1 class="text-6xl font-bold mb-4">
Lorem ipsum
</h1>
<p class="text-6xl
浏览 4提问于2021-07-27得票数 1
1回答
我有几个svg斑点，我需要添加到背景。其中一个应该溢出视图端口，即只有blob的一部分是可见的，其中大部分隐藏在视图端口之外。我用position: absolute;做了这件事，但这导致了水平滚动。我一直在寻找解决方案，但我一直看到的唯一解决方案对我没有用。人们建议将图像包装起来，并将overflow: hidden添加到包装中。但这使得图像完全消失，而不仅仅是溢出部分。
是否有一种方法来定位背景图像，使其溢出视图端口，但不会导致水平滚动？将position: absolute替换为position: fixed可以起到一定的作用，水平滚动已经消失，但是由于属性的性质，blob只是在页面向下
浏览 4提问于2022-10-13得票数 0
我希望蓝线始终连接左上角和右下角，不显示溢出和滚动条。目前，这种情况只发生在宽度小于高度(或多或少)时，否则会增加高度，从而导致显示屏幕溢出和滚动条。没有任何preserveAspectRatio选项似乎给它开箱即用。我正在寻找一种理想的只使用标记的解决方案。
<!DOCTYPE html>
<html style="height: 100%;">
<body style="height: 100%; margin: 0;">
<div
style="width: 100%; heigh
浏览 1提问于2022-05-07得票数 0
回答已采纳
2回答
有人能解释一下为什么当我告诉一个人：
它的高度是500 if，它的最大高度也是500 if，溢出(如果他需要的话)。
当动态地将元素放入div中时，它将增长到它所需的大小，考虑到我的限制，整个页面将滚动而不是div。
为什么？怎么修？
好的，很抱歉，我刚刚收到了，如果使用display:内联表，它忽略了我写的所有不起作用的东西.谢谢
浏览 6提问于2012-05-01得票数 1
回答已采纳
我试图使SVG“画布”的容器的全部宽度和高度，这是一个div。
SVG在CSS中设置为100%的宽度和高度。容器div分别设置为100 to和100 to宽度和高度。保证金: 0。填充物: 0。没有边界。SVG溢出，但当我将它设置为99%的高度时，它没有溢出。
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
svg {
width: 100%;
height: 100%; /* o
浏览 11提问于2022-06-23得票数 0
回答已采纳
3回答
嗨，我有一个div bat
#bat{
width:50%;
height:50%;
}
html
<div id="bat">dynamic div will occur</div>
当放置动态div时，如果内容大于#bat的宽度和高度，这些内容就会溢出。我可以使用隐藏在#bat中的overflow来隐藏它，但我不希望它是那样的。我想让dynamic div适合jQuery子选择器的#bat.thought，然后控制它们，给动态div赋予宽度和高度。有人能帮上忙吗？
浏览 2提问于2013-09-07得票数 0
1回答
SVG ViewBox断高
、、、、
为什么在SVG元素上设置viewbox属性会导致高度混乱并导致溢出？我怎么才能防止这种情况？
.parent {
width: 500px;
height: 500px;
background-color: green;
display: flex;
flex-direction: column;
}
.child {
flex-grow: 1;
background-color: yellow;
margin: 10px;
}
<div class="parent">
<h1>testa</h1>
浏览 2提问于2017-05-25得票数 0
回答已采纳
2回答
我想动态显示svg，但每次svg位置发生变化，有时会从屏幕上溢出。我想对齐这个svg路径中心的屏幕。
function App() {
const [city, setCity] = useState("");
useEffect(() => {
setCity(cities[Math.floor(Math.random() * cities.length)]);
}, []);
return (
<div>
<div className="svg-div">
<
浏览 5提问于2022-02-13得票数 0
1回答
我将一个SVG导入到我的文档中，其中包含许多符号。当我需要时，我的SVG就是use了：
<div class="sidebar-icon__icon">
<svg><use xlink:href="#svg-box" /></svg>
</div>
这很棒，我添加了一些样式，如下所示：
.sidebar-icon__icon
width: 30%
margin-right: 10%
float: left
position: relative
浏览 1提问于2015-04-08得票数 0
1回答
我试图在svg的顶部添加元素(按钮、列表和下拉列表)(比如覆盖)。我不知道如何实现这一点，我的svg运行良好。当我使用下面的代码将元素附加到svg时，我可以看到元素是在检查器中添加的，但在浏览器窗口中是不可访问的。有人能提出为什么它不能访问/a更好的解决方案吗？
SVG插件：
jquery svg pan-缩放
jquery + svgdom (基思伍德)
HTML：
<div class="row">
<div class="container-svg"></div>
</div>
浏览 3提问于2015-08-26得票数 0
回答已采纳
2回答
希望在整个站点后面显示200*200的背景。我有一个div，#sidebar，和另一个div，#main，在body。我只想在#main上显示背景。下面是我为实现这一目标而编写的CSS：
#main{
background-image:url('images/bg02.png');
}
它可以工作，但当你到达底部，哪里没有内容，你可以看到默认的白色背景。要查看这一点，请查看我的测试站点，在搜索栏中输入随机字母，并注意到现在可以看到白色背景，因为#main中没有内容。
如何使背景溢出，使其仍然可见，即使没有内容？
浏览 3提问于2013-07-28得票数 0
回答已采纳
目标:当我们在浏览器上滚动youtube时，整个页面向下滚动，我想创建两个滚动器：
留下一个视频和评论滚动。
右为下一个(建议视频)滚动。
我发现我们可以用overflow: scroll;
以为例
如果您检查以下两列：
但是，当我在那里应用样式属性时(溢出:滚动)。它不适用。
因为这是一个动态页面，我想做一个铬扩展来完成这个工作，但是我不知道如何开始？
更新：本地->
不通过剪贴在活页中工作：
浏览 0提问于2018-08-03得票数 0
回答已采纳
2回答
我对柔印盒有问题。里面的图像应该放进外面的盒子里，不要溢出。第一个也是最后一个完美的工作，但第二个溢出在顶部和底部。
我怎么才能解决这个问题？
.outer {
border: 1px solid red;
margin: 25px;
width: 160px;
height: 160px;
display: flex;
justify-content: center;
align-items: center;
}
.outer img {
max-width: 100%;
}
<div class="ou
浏览 4提问于2016-01-19得票数 1
回答已采纳
1回答
我真的不确定标题是否有意义，但我找不到一种方法来解释没有图片的问题是什么。这是一个场景：
您看到的红色是一个svg元素，它用红色填充并具有透明的背景，以便看到底层的橙色线条。这是一个区段分隔符，它具有这种“波形”样式，将上半部分(红色)与下一部分(白色)分开。在上面的部分，我有一些带有橙色虚线边框的元素(您在右侧看到的5个元素)，它们绝对位于红色部分的底部。实际上，您可以看到边框在svg的末尾结束，但很明显，svg是一个矩形，它们在空白区域溢出。svg的位置正常，位于红色部分的末尾(部分)。
我需要那些边框停在svg的红色部分的末尾，但我做不到。我想反转svg (使白色部分成为实际的
浏览 0提问于2018-05-17得票数 1
2回答
堆栈溢出时的第一个计时器，所以我会尽我所能。
我正在尝试动态添加SVG作为按钮的背景图像。
使用create- react -app创建了react应用程序。我有3个~文件有问题: poland.svg、Flag.jsx和exampleComponent.jsx
exampleComponent.jsx
import React from 'react';
import Flag from './Flag.jsx';
const exampleComponent = (props) => {
const backgroundImage = {
浏览 5提问于2020-09-26得票数 1
2回答
处理自定义图像滑块设置如下；
<div id="frameDiv">
<div id="containerDiv">
<img class="sliderImage" />
<img class="sliderImage" />
</div>
</div>
CSS
#frameDiv {
height: 200px;
width: 450px;
overflow:hidden;
whit
浏览 2提问于2014-09-22得票数 0
1回答
想象一下我希望我的屏幕有一个区域。一个方框，即500 by乘500 by)，其中包含我的图表。如果我的图表的宽度或高度比这个大，我希望滚动条可以让我滚动这个图表。我试图通过将我的图表放置在一个大小较大的<div>元素中来实现这一点，但它似乎忽略了这一点，它只是“溢出”。有没有人试图做到这一点，并可能能够分享一个食谱？
通过使用Chrome工具，我发现我确实有一个<div>，即500 of乘500 of，它似乎包含一个宽度为1082的<svg>，并且显示了<svg>的整个宽度，尽管<svg>包含在<div>中。
浏览 0提问于2014-11-15得票数 2
回答已采纳
1回答
阀体溢出隐藏单击
、、、
我的Html
<html>
...
<body>
<div id="topContent">...</div>
<div id="clickMe">Show TopContent</div>
...
</body>
通过单击div #clickMe上面的div #topContent与jQuery，它添加了一个溢出，因此我向主体添加了一个类，并使用toggleClass()隐藏溢出。
.hiddenOverflow { overflow:hidden }
JavaScrip
浏览 1提问于2016-10-14得票数 0
回答已采纳
1回答
所以我有一个网页，我设置了一个SVG缩放到其父div (位置:绝对)的100%的宽度，当我从它所在的目录打开它时，它是好的；然而，当我从它在互联网上的url打开它时，它看起来完全放大了，并且有滚动条来导航大的svg图像。
#titlebar {
top:0px;
width: 100%;
height: auto;
}
此代码使SVG在从文件驱动器(如file:///T:/public_html/...，)访问时缩小到父div的宽度，但使滚动条和SVG大小与原始大小相同，并在通过其url访问时具有滚动条来导航它。
浏览 0提问于2015-07-11得票数 0
3回答
有许多jQuery插件可以让您调整文本大小以适应容器。但是，如何动态更改div容器的宽度/高度以适应其中的文本呢？
下面是一个例子。正如您所看到的，文本当前溢出了div。如何以编程方式调整容器div的大小，以适应独立于字体大小和内容的文本？
<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:100px; height:100px;border:1px solid red; overflow: hidden;">
浏览 5提问于2014-03-22得票数 5
回答已采纳
1回答
我需要生成SVG使用现实世界的单位(例如英寸)，并让他们按比例缩放，以适应一个div与固定尺寸。这个是可能的吗？
作为一个简单的例子，这个SVG正在溢出div的边界：
<div style="width: 600px; height: 400px;">
<svg width="60in" height="15in" viewBox="0 0 60 15" style="border: 1px solid black;">
<line x1="30&#
浏览 2提问于2020-02-03得票数 0
回答已采纳
1回答
我有一个树柱挠曲箱粘性页脚与背景颜色。当网站的内容溢出窗口时，这个页脚“松开”了它的背景色(所以当它不得不“向下移动”时)。这个问题发生在chrome和opera上，而不是Firefox。
下面是一些重现问题的代码：
按下按钮按下扩展键。
document.getElementById('button').onclick = function() {
var x = document.getElementById('filling');
if (x.style.display === 'none') {
x.style.dis
浏览 2提问于2017-05-24得票数 0
回答已采纳
1回答
我正在使用phonegap (build)，当在div容器中添加可变数量的div时，我遇到了问题，因为我希望容器相应地增加其高度，但它没有。
我试过这个把戏，但没有成功。我也尝试过不同的溢出和高度:汽车组合，也没有成功。
我现在正在动态地增加容器高度，但是老实说，我很确定一定有一种更优雅的方法来做到这一点(我的意思是，这个容器可能在其他容器div中，等等，我无法想象每次我需要这种行为时都必须为每个容器添加这个代码)。
你们是如何处理这种情况的(我猜很常见)？
编辑：
我找到了一个基于丹尼尔的答案的解决方案。我是如何处理这一问题的：
我使用三个容器div和一个可变数量的子div列表：
“页面
浏览 3提问于2012-12-19得票数 8
回答已采纳
2回答
我在这里有一个网站：。问题是包含flash和其他内容(在右侧)的div必须能够溢出父元素。但是父元素应该有溢出隐藏。结果是，每当中间的div没有更多内容可显示时，右侧的div就会被剪切。如何让右div溢出父div？这样我就可以在右边看到整个菜单了？
浏览 2提问于2011-01-04得票数 0
回答已采纳
在父元素中有两个子元素：
<div id="registration">
<div id="left-panel"></div>
<div id="right-panel"></div>
</div>
造型：
#registration{
@include l {
flex-direction: column;
}
#left-panel, #right-panel{
width: 50%;
min-height: 100v
浏览 0提问于2019-03-13得票数 0
回答已采纳
3回答
我想在页面底部放置一个页脚div。问题是，我有一个动态的内容，所以我不能与“职位:固定；”。
该页面如下所示：
<body>
<div id="container">
<div id="navbar">...</div>
<div id="content"></div>
<div id="footer">...</div>
</div>
当我单击导航栏中的链接时，另一个内容将用ajax加载并写入" content“d
浏览 2提问于2013-12-24得票数 4
回答已采纳
3回答
我是CSS和HTML的新手，我有一个关于浮动元素高度的问题：
当我将“内容”div的高度设置为大于或等于“主”div高度时，那么页脚的边距顶部将正确显示，但一旦将内容div的高度更改为auto，页脚的边距顶部就无法工作。我真的想知道有什么解决方案，使内容高度自动，但尊重页脚的边缘顶部。请帮帮我。我什么都试过了:各种各样的清理，溢出等等。
<div id="container">
<div id="header"></div>
<div id="content">
&l
浏览 2提问于2013-09-16得票数 0
回答已采纳
1回答
如何使溢出:滚动动态高度例如下面，没有flex/grid/vh？问题是，所有的内容必须适合屏幕(必须看到页脚)，并动态调整屏幕高度。没有高度溢出:滚动不起作用，但将其设置为100%，使其高度作为父级和内容溢出与高度从页眉和页脚。基本上，我希望通过调整.content高度来调整.longlist高度，使.footer和.content适合.content高度，而不会溢出。
<style>
.content {}
.longlist {}
.header {}
.footer {}
</style>
<body>
浏览 2提问于2021-05-07得票数 0
我试图得到一个包含的div，它是完整的页面高度来展开，所以它总是等于它的内容的高度。
总体结构是
search.html
<div class="outer-container">
<div class="inner-container">
<div class="body">
<app-results></app-results>
</div>
</div>
</div>
results.html
<div
浏览 6提问于2020-07-10得票数 0
有人能告诉我为什么我的InfoWindows的内容溢出了吗？当我在融合表UI中查看InfoWindows时，它们都会弹出并正确调整大小：
但是，当我尝试使用html代码创建网页时，一些(并非全部)的InfoWindow内容溢出：
<!DOCTYPE html>
<html>
<head>
<title>CaveCreek - Google Fusion Tables</title>
<style type="text/css">
html, body, #googft-mapCanvas {
heig
浏览 6提问于2013-08-02得票数 0
回答已采纳
假设我想要绘制一条SVG线路径，该路径可以根据所处的上下文动态缩放。这条线从其容器的左上角到右下角。因此，如果容器的维度是100x100，那么行路径(d属性)就是"M0,0 L100,100"，或者对于50x150是它的"M0,0 L50,150"。
因此，例如
class Line extends Component {
render() {
const { x1, x2, y1, y2 } = ???
return <svg><line d={`L${x1},${y1} M${x2}${y2}`} /&g
浏览 4提问于2017-11-25得票数 0
我有3个垂直对齐的div (页眉，内容，页脚)
<div id="container">
<div id="header"> </div>
<div id="content"> </div>
<div id="footer"> </div>
</div>
如下所示：
就像这个例子一样：
(此处示例：)
正如您在jsfiddle示例中看到的，我无法完成所有要求。当我调整窗口大小时，页脚div不会折叠内容。如果我
浏览 0提问于2012-12-01得票数 1
我正在尝试使用<img>标签在另一个div上显示一张照片，作为某种覆盖。但是，图像不会缩放到它的父div (即页面的主体)的内部。相反，它会溢出身体。当我将overflow: hidden;设置为body时，您不能在页面上滚动。我希望图像是全高的，并适合身体(而不是放大身体)。
这基本上就是页面的结构：
<html>
<body>
<div class="imgContainer">
<img class="actualImage" />
</div
浏览 25提问于2016-08-13得票数 0
我有下面的代码来显示--作为SVG存储在滚动div中的一系列组合图像
<div style="overflow:scroll;width:500px;height:500px">
<object src=image1.svg></object>
<object src=image2.svg></object>
<object src=image3.svg></object>
</div>
在Safari中滚动，使用两个手指的或鼠标轮，当游标位于SVG的上时，不能工作。
在
浏览 2提问于2015-02-04得票数 1
我的svg路径有问题。我希望它位于div的最底部，作为底部边框，但是当我将它放到div中时，它不会显示出来。我的HTML如下所示： #title-heading {
margin: 0;
padding: 0;
background-image: url("img/gallery/2.jpg");
background-position: top;
background-attachment: fixed;
background-size: 110%;
width: 100%;
height: 40%;
position: relati
浏览 58提问于2020-03-24得票数 0
1回答
当发生wrap时，我很难对齐跨度的第二行，与第一行对齐。
<div style="display: inline-block; vertical-align: middle">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
<rect width="20" height="20" style="fill:rgb(0,167,206);"/>
<text x=&
浏览 0提问于2017-10-11得票数 2
2回答
这是我关于堆栈溢出的第一个问题。我想做的是用javascript在test中创建一个iframe，并在其中添加html代码。此外，我想调整尺寸，如果是动态的高度。只有当我将dynamic的高度设置在150‘s以上时，下面的代码才对我有好处。如果dynamic_div的高度小于150，它会自动将iframe的高度设置为150。我怎样才能解决这个问题？
P.S : html变量中的html代码是动态的。所以我不能改变里面的任何东西。
非常感谢。
<html>
<head>
</head>
<body>
<div id="test"
浏览 5提问于2015-02-04得票数 1
回答已采纳
我有一个SVG图像地图在PNG之上。我已将图像地图附在DIV中，但请注意，图像地图并不关心DIV的高度。无论我如何设计包围的DIV，图像地图似乎忽略了它并溢出。这是地图。
如果我试图改变PNG图像的宽度和高度，它就会消失。我想把这张图像放进例如100%的高度，这样它就适合在DIV容器内。所以我只能控制包围的DIV的宽度，但不能控制高度。我怎么控制高度？
下面是我使用的代码：
<div class="map">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns
浏览 8提问于2022-03-14得票数 0
回答已采纳
当我有5个带有w-1/4的div时，如何在顺风css中创建flex overflow-x？
<div class"flex overflow-auto w-full relative">
<div class="w-1/4"> sample </div>
<div class="w-1/4"> sample </div>
<div class="w-1/4"> sample </div>
<div class="w-1
浏览 0提问于2020-04-26得票数 1
我使用HTML的DIV标记创建了菜单选项，在下面的链接中可以看到：-
我的垂直菜单高度应该始终是100%或自动时，在完整的浏览器屏幕。只有当我缩小浏览器大小并且我的内容溢出浏览器屏幕时，才应该启用滚动条。
我不想要的东西：-
对高度值进行硬编码。我希望它要么保持100%，要么自动。
要在一个条件下对屏幕大小进行硬编码，并且只有当屏幕小于该大小时，再硬编码“滚动”的高度和溢出值，如下所示：-
@media (min-width: pixel value) and (max-width: pixel value)
{
height: "browser size&#
浏览 0提问于2019-08-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
