一种将HTML元素转换为图像的机制(例如PNG)是通过JEditorPane对其进行“渲染”，如下所示：
public void render(String html, int width, int height, file output) {
JEditorPane jep = new JEditorPane("text/html", html);
jep.setSize(width, height);
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB
浏览 16提问于2020-03-05得票数 0
4回答
我想要创建一个标题栏，只有页面的标题。我希望"a“项不是div的全部宽度(整个网页宽度)，而只是文本的宽度。这是一张它现在的样子的照片。问题的形象：
我怎么能这么做？
我应该用两个div吗？
HTML：
<!doctype html>
<html>
<body margin = "0">
<div id='titlebar'>
<a href='/'>Dimitrie David</a>
</div>
</body&
浏览 1提问于2018-09-18得票数 0
回答已采纳
我有宽度: 100%，这对我来说是非常必要的。基于这个示例代码，有人能帮我把橙色的符号粘在任何键的上面，即使我调整浏览器的大小，也要把它粘在上面吗？就像键盘是怎么发生的……非常感谢!
演示
<!DOCTYPE html>
<html lang="en">
<hsrc="https://i.imgur.com/jc1rbcJ.gif">
</div>
</body>
</html>
</body>
</html>
CSS
.container {
浏览 0提问于2019-03-11得票数 1
1)如果textbox元素(<input type=”text” /> )的width属性设置为inherit，则textbox不会溢出。但是，如果textbox的width设置为auto，则由于浏览器计算width而导致溢出。
a)为什么浏览器不考虑到textbox在另一个元素中，从而相应地调整textbox的width？
b)根据什么参数来决定文本框的width应该是什么？
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<
浏览 1提问于2010-03-08得票数 0
回答已采纳
1回答
将font-style: italic;应用于HTML标记时，该字段比其他字段窄(计算宽度较小)。
最小可重现性示例：
<!DOCTYPE html>
<html lang="en">
<body>
<input type="text" /><br>
<input type="text" style = "font-style: italic;" /><br />
</body>
</html>
当保存为HT
浏览 0提问于2019-06-07得票数 1
回答已采纳
2回答
这是我的两个文件
HTML：
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<canvas id=myCanvas></canvas>
<script>
var c=document.getElementById("myCanvas");
alert(c.width)
</scri
浏览 3提问于2021-08-09得票数 0
回答已采纳
3回答
我是HTML5和CSS的初学者。我在浮子上有个问题:左边。我想把数字显示在前一个的右边，但它不起作用。我试过研究一些这样的问题，但还没有找到确切的答案。如果你能帮上忙就太好了
代码位于：
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link
rel="stylesheet"
href="drop.css"
>
浏览 7提问于2014-04-14得票数 1
回答已采纳
下面是一个css菜单项出现在栏的角落
我编辑了css并添加了
width:19em;
在css的#nav ul部分，菜单项出现在中间。
我不太清楚为什么添加一个边距会把菜单项放在中间，我对css之类的东西和html并不熟悉，所以我想了解这种行为。
以下是代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jenware | Per
浏览 1提问于2013-11-03得票数 0
回答已采纳
所以问题基本上是，当我希望父元素div获得页面的最小宽度为30%时，它占用了页面的100%。不过，当我将其更改为宽度:30%时，它会正确执行。为什么最小宽度不能正常工作，我该怎么做才能让它正常工作？
这是HTML
<body>
<div class="parent">
<p> Sign Up Now</p>
<label for="email">Email:</label> <input placeholder="email"&
浏览 9提问于2020-05-23得票数 1
回答已采纳
2回答
所以我有一个html，header，body，div标签等页面。
* {
margin: 0;
padding: 0;
}
html {
width: 100%;
height: 100%;
}
body {
width: 98%;
height: 98%;
padding: 1%;
}
我的问题是浏览器的右侧有一个滚动条。意思是高度太高了？
html设置为100%高度和宽度。body有一个1%填充，它添加了1%的顶部、右边、底部和左边，所以这就是width - 2 = 98和height - 2 = 98。
所以填充1%高度98%和宽度98%。我怎么能得到
浏览 3提问于2015-12-24得票数 6
1回答
使用元视口丢失文本
、、、、
我正在制作我的第一个博客，我试图让它响应，我使用元视口，但当我在不同大小的窗口中用Google Chrome测试它时，我写的文本消失了。下面是我用css和html写的一些代码，展示了我的问题： .hero{
background-color: firebrick;
display: flex;
justify-content: center;
}
.container{
display: flex;
justify-content: center;
width: 1000px;
padding: 10px;
} <!DOCT
浏览 10提问于2020-01-27得票数 0
2回答
我正在尝试使用div标记，但结果如下：
在左边，你可以看到它并没有延伸到右边，我已经在四种不同的浏览器上试过了，所以这不是浏览器问题。
这是html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@page_title</title>
<style>
div {border: 3px solid black; width: 1
浏览 6提问于2014-08-23得票数 1
回答已采纳
1回答
我试着做一个带靴带的条纹水平设计。
这是一个例子：
正如所看到的，它使用<section>，其中有一个带有.container类的div (而不是.container-fluid)。
我在该网站上所不明白的是：
他们如何能够使部分背景颜色/图像覆盖整个网站的宽度？当我尝试一种类似的方法，在css背景图像，它不涵盖整个页面的宽度。这是他们的css：
#features {
background-image: url(http://getonepager.com/wp-content/uploads/2015/07/bg1.png);
background-repe
浏览 5提问于2016-06-16得票数 0
回答已采纳
我写了以下html页面
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jenware | Personalized Gifts</title>
<style type="text/css">
/* styles for navigation */
#nav {
background
浏览 10提问于2013-11-01得票数 0
回答已采纳
4回答
我试图通过我的css验证，但仍然有一些警告，如下所示：
在(x)HTML+CSS中，浮动元素需要声明宽度。只有具有固有宽度的元素(html、img、input、textarea、select或object)不受影响
事实上，我并不是很清楚这到底是什么意思。有谁能解释一下吗？
浏览 9提问于2009-10-08得票数 0
我有一个包含html内容的JTextPane：
Pane = new JTextPane();
Pane.setEditable(false);
Pane.setContentType("text/html");
Pane.setEditorKit(kit);
Pane.setText("<html><body><div id='content'></div></body></html>");
doc = (HTMLDocume
浏览 1提问于2014-08-14得票数 0
4回答
我在一个web应用程序上遇到了一个非常令人沮丧的问题(这不是我最初写的)。它使用框架进行布局已经够可怕的了。我遇到的问题是，所有通过CSS设置背景颜色和边框的元素都默认为100%宽度。我刚刚测试了div元素、段落元素等。
我完全删除了样式表，然后对其进行了测试，我也遇到了同样的问题，所以不是样式表导致了问题。
我写了一个快速测试，以确保它不是冲突的代码，并使用与我们相同的doctype和xmlns --我得到了同样的问题。下面是示例代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
&
浏览 0提问于2009-03-06得票数 0
回答已采纳
1回答
html { margin:0; padding:0; background-color:#006600; border-style:solid; } /*Dark Green*/
body { margin:0; padding:0; background-color:#660000; border-style:dotted; } /*Dark Brown*/
<html>
<body>
test
</body>
</html>
为什么html标记的背景颜色扩展了整个窗口，而标记的边框样式仍然局限在正文框边界之
浏览 0提问于2011-03-27得票数 1
回答已采纳
1回答
我正在制作下拉菜单，但有一个问题是，当我在dropdown-content中添加dropdown-content时，它不起作用，但是如果我在#dropdown中添加它，那么它就工作了。所以，请告诉我，如果我想把宽度下拉内容，那么它为什么不工作？
h3{
margin: 0;
padding-block: 1rem;
}
.dropbtn{
position: relative;
left: 17%;
}
#dropdown {
position: relative;
width: 15%;
display:
浏览 1提问于2022-01-16得票数 0
我知道，如果任何价值是继承的，它将显示在检查员。
<!DOCTYPE html>
<html>
<head>
<style>
div#outer {width: 500px;}
div#inner {text-indent: 10%; color: blue;}
/*p {width: 200px;}*/
</style>
</head>
<body>
<div id="outer">
<div id="i
浏览 4提问于2017-12-11得票数 0
回答已采纳
2回答
嗨，这是我的css和html代码。有几个div。当浏览器的大小是最大值时，没有问题，但是当我将浏览器的大小改小时，div的位置就会改变。例如：<div id="cnrht"> id "cnrht" İçeriği Buraya Gelecek</div>在页面的右侧，但当浏览器变小时，它将位于其他div下，并在左侧。我如何编辑它。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Conte
浏览 3提问于2012-08-03得票数 0
回答已采纳
3回答
我有一个小复杂的HTML+CSS情况，我想了解并以某种方式修复。
HTML是由GWT应用程序生成的，因此请不要评论其巨大的开销。
我的问题是，带有蓝色边框的内表没有占据红色边框div中的整个水平空间。
我尝试将width:100%放在div和实际表之间的每个级别上，但都没有帮助。在运行时，外部div的宽度是未知的，所以我不想在嵌套表中重复确切的宽度。
下面是显示这种情况的jsFiddle：
在你的回答中，请尽量解释实际结果的原因，不仅要告诉我正确的答案，而且也要高度赞赏后者。:-)
浏览 0提问于2012-12-12得票数 0
回答已采纳
用画布捕捉的时候有没有办法调整宽度和高度？
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script>
function demoFromHTML() {
浏览 21提问于2017-06-28得票数 0
2回答
我有一个顶级导航器，在导航器下面有一个iframe来加载内容。布局有点像
<body>
<div style="text-align:middle">
<div id="nav"></div>
<iframe></iframe>
</div>
</body>
导航器设置为固定宽度，以匹配iframe内容的宽度，该宽度不是全屏宽度。以便导航器和iframe在两边对齐。
但是，当iframe的高度超过屏幕时，iframe的垂直滚动条就会出现，iframe变
浏览 2提问于2016-06-29得票数 0
回答已采纳
1回答
是否有任何HTML或CSS属性在不知不觉中添加了此空白？
下面是我的Dash布局和HTML元标记
app = DjangoDash('StockBuckets', add_bootstrap_links=True, external_stylesheets=[dbc.themes.LUX], suppress_callback_exceptions = True, meta_tags=[
{"name": "viewport", "content": "width=device-width,
浏览 2提问于2020-10-07得票数 0
我对HTML和CSS非常陌生，并试图学习它，因此我提出了这个问题。我的目标是创建一个不超过图像原始大小的响应图像。在上找到了一些信息，我可以通过将图像放置在div中的内联块(请参阅代码片段)来完成，但它没有回答基本问题。反应是如何工作的。
对于视口大于图像的情况，我的HTML代码是有意义的，即图像的宽度为100%，这意味着取父容器的大小。在这种情况下，父容器是内联块，其大小实际上是它所包围的内容的大小，因此100%意味着图像将以其原始大小显示。
但是，当我将浏览器窗口调整到更小的大小时，图像就会随之调整大小。在这方面，我无法理解行动的机制。根据我的信息(到目前为止这是有限的)，内联块总是接受它
浏览 4提问于2017-08-23得票数 1
为什么在下面的代码中：
<html>
<body>
<div style="border: 1px solid black; float: left">first div</div>
<div style="background: red; border: 1px solid black; margin: 2px;">second div</div>
</body>
</html>
第二个div放在第一个div下(你会在第一个框中
浏览 7提问于2010-11-26得票数 0
回答已采纳
1回答
我正在做一个网站，我想弄清楚为什么我的导航链接在不同的分辨率下会超出导航栏区域。我已经查找了答案，我发现在你的位置和宽度上使用%。但这仍然是一个反复出现的问题。这是我的代码。
HTML
<!Doctype html>
<html lang="en">
<head>
<title>Template Two</title>
<meta charset="utf-8">
<script type="text/javascript" src="j
浏览 3提问于2013-11-29得票数 0
嗨，有人能帮我一下吗。我有：
<html>
<body>
<div style="width=100%">
<div style="float:left; background-color:Red; height:100px">Red</div>
<div style="background-color:Green;">Green</div>
<div style="background-color:Yellow;"&
浏览 0提问于2011-05-05得票数 1
1回答
我有带报告的门户网站。每个报告都有固定width=130px的下拉列表。一切正常，但是当我试图最小化窗口时，一些元素不会显示在页面上。我的代码如下
<tr valign="bottom" style="height: 10px">
<td width="20px" style="vertical-align: top">
</td>
<td width="30px" style="vertic
浏览 0提问于2015-12-07得票数 0
我有一个简单的HTML5文档：
<!doctype html>
<html>
<head>
<style type="text/css">
body { margin: 0; padding: 0; }
.parent1 { height: 50px; background: #00ff00; }
.parent1 > .child1 { height: 50%; width: 100%; background: #ffcc00; }
.parent2 { posi
浏览 0提问于2016-02-10得票数 2
回答已采纳
2回答
我使用的是wkhtmltopdf 0.9.9。我需要知道动态生成的超文本标记语言元素的offsetHeight；这是通过Javascript完成的，在wkhtmltopdf转换为PDF文件之前。然而，当我在HTML和PDF结果中测试它时，我注意到了值的不同。
下面是独立的测试用例：
<html>
<head>
<style>
#test {
height: 100px;
background-color: aqua;
}
p {
padding: 10px 0;
浏览 0提问于2014-11-24得票数 0
1回答
www.brianvargo.com/test.html
我正在做一个带有不同宽度的面板的手风琴--选定的面板占据了窗口的50%，然后在鼠标弹出时缩回到原来的宽度。
我现在正在尝试让所有其他的手风琴面板在选择一个时缩小，这样你仍然可以看到所有的内容，但比例关系仍然相关。换句话说，达到这样的效果：
...but使用我一直在使用的jquery对话框，这样我就可以保持各种面板的大小。
有什么想法吗？www.brianvargo.com/test.html
浏览 4提问于2011-06-16得票数 1
1回答
我的网站有一个布局问题。
下面是jsFiddle：
<html></html>
我要侧模定位在右边。当列表中只有三场比赛的时候，这是很好的。但是如果还有更多的话，球队就会被放在比赛的下面。我不知道为什么会这样。
有人能帮我解决这个问题吗？？
非常感谢。
浏览 1提问于2013-09-29得票数 1
回答已采纳
我为一个网站做了一个模板，问题是当我调整浏览器窗口的大小，或者我在手机或平板电脑上时，head、footer和div.hero都是“剪切”的。它是一个具有css重置的html5b模板，但没有响应。
这里是HTML：(我也对这个HTML和我使用的css做了一些修改。如果你向右滚动，你就会看到我在说什么。。，但请记住，head没有出现在那里，以防"bug“出现)
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
浏览 0提问于2013-09-11得票数 0
回答已采纳
下面是我的代码，简化为相关部分：
<html><head><title></title>
<style type="text/css">
body { background-color: #fff; }
#titlebar{ border: solid 1px black; margin:10px; }
#bodyWrapper{ float: left; width: 100%; }
#bodyColumn{ margin-left: 230px; height:500px; }
#menuColumn{
浏览 4提问于2011-01-25得票数 2
回答已采纳
我在这个页面giantmango.com/news上使用CSS调整SNS按钮有困难。我使用的是完全相同的css和html，但我不能像giantmango.com那样对齐giantmango.com/news SNS按钮。
浏览 0提问于2011-01-25得票数 0
回答已采纳
1回答
这里是我的三个视图，我希望border-bottom不仅适用于<a>文本，而且适用于树周围的所有边框，对于hover background-color也一样。以下是每个li的html代码
html
<li ng-repeat="node in node.children" class="treebase"
ng-include="'/_Core/DirectiveCore/Tree/NodeTemplate.html'" ng-show="node.isVisible">
浏览 0提问于2016-01-31得票数 0
这是我的HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width">
<style>
body {
margin: 0;
}
.a {
background: orange;
border: 2px solid black;
}
.b {
padding: 0 2em;
width
浏览 1提问于2018-03-02得票数 1
回答已采纳
我想要右对齐我的简历、课程和联系人的导航链接。我听说ul元素是块元素，所以它们会自动继承父元素(导航元素)的宽度。但是，如果我在"right“类中添加了width:100%，则网页与不添加wid:100%的网页不同。这就是为什么我搞不懂什么是宽度:100%的意思和它是如何工作的。我到处都找过了，也没有什么大的帮助。谢谢你的回答！
*{
margin: 0;
padding: 0;
}
body{
background-color: white;
font-family: sans-serif;
}
nav{
background-color:
浏览 0提问于2020-01-08得票数 0
1回答
我可以在景观模式下打印HTML页面，如下所示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0">
<link rel="icon" type="image/x-icon" href="/favicon.ico
浏览 0提问于2020-01-03得票数 0
我正在尝试建立我的第一个dash应用程序，并希望使用dbc.Col和dbc.Row来组织事情。我试着在第一个名为"Equity Risk“的选项卡中构建类似这样的东西…… basic layout i'm aiming for 不幸的是，在第一个选项卡上返回的所有项目都是垂直堆叠在一起的3个项目，每个项目都占据了整个屏幕的宽度。 这是到目前为止我的代码-我不确定这是否足够的代码来诊断问题，但希望它是。我仔细检查了括号/括号，为每一列添加了宽度参数，并搜索了类似的内容，但仍然无法分辨出哪里出了问题。任何帮助都将不胜感激！ app = dash.Dash(__name__, ex
浏览 68提问于2021-08-11得票数 2
回答已采纳
2回答
我已经将某个特定div的margin设置为0px，但是当我在Chrome中检查它时，它仍然显示出边距。我不知道为什么会这样：
如您所见，CSS中有margin: 0px，Chrome在右下角表示元素没有边距。但是，当我将鼠标悬停在div上时，右边有一个很大的橙色区域，表示页边距。
这是我的HTML：
<div id="content">
<div id="nav">
<ul>
<li><a
浏览 2提问于2018-01-15得票数 1
为什么绝对定位的DIV不继承其父对象的宽度？Div有
div {
position: absolute;
top:100px;
}
<html>
<body>
<div>This DIV</div>
</body>
</html>
在静态定位中，DIV占用所有可用空间，DIV的宽度绝对与其内容的长度一样长。
浏览 0提问于2016-10-14得票数 4
我有两个问题。
1)导航链接中的文本是否以block为中心，因为我将这些链接(a标记)的显示属性的值设置为p，而现在它基本上与我在p元素中对文本进行居中一样？
2)我也将i元素(字体出色的图标)的显示属性设置为block，那么为什么这些元素也是以这些元素为中心的呢？如果将i元素上的display属性更改为table，则这些图标不会居中。在这种情况下，block值的行为不应该与table相同吗？据我所知，我只能使用text-align对齐内联和内联块元素。那为什么要这么做？
<!DOCTYPE html>
<html>
<head>
浏览 2提问于2016-03-08得票数 0
回答已采纳
1回答
我正在使用最新的jquery版本。(1.9.1)
我有一个空的span元素：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body&g
浏览 0提问于2013-03-19得票数 3
回答已采纳
我有以下测试页面。
section元素是块元素。据我所知，块元素采用可用的全宽度。但在这种情况下似乎并非如此。为什么？
我可以通过设置一个width或left+right属性轻松地解决这个问题。但是我想要理解为什么这个块元素的行为不同。如果我把位置切换到静态。它需要整个宽度。
<!DOCTYPE html>
<head>
<title>position</title>
<style>
.element {
position: absolute;
top:
浏览 2提问于2021-09-05得票数 0
2回答
在下面的示例中，也可以使用，WebKit (Safari5，Chrome10.0.648.205)和Mozilla (FF4)都将DIV保持在浏览器窗口的可见宽度附近，而表的宽度与其内容一样宽。
我预计DIV会像表一样宽，但由于行为在不同浏览器上是一致的，我怀疑这是一个特性，而不是一个bug。
有趣的是，如果DIV设置为float:left，则为。
有什么解释吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Wide Table&l
浏览 0提问于2011-04-21得票数 19
回答已采纳
2回答
我需要帮助，使我的图像采取没有宽度的HTML。我的意思是，当你缩小窗口的宽度时，我不想看到影响水平滑块的图像。我认为溢出:隐藏；将工作，但右边的图像占用了HTML文档的空间。
浏览 3提问于2015-11-18得票数 1
回答已采纳
假设以下HTML5文档：
<!doctype html>
<html>
<head><title>try</title>
</head>
<body>
<h1>testing</h1>
<ul id='ul_id'>
<li id='li1_id'>one</li>
<li id='li2_id'>somelongertwo</li>
</ul&
浏览 4提问于2016-01-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
