问题标签 [html-rendering]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS 可见性规则
我尝试在 Google 上搜索此内容，但无济于事。
有人可以指出一个很好的资源来解释 CSS 的呈现和可见性规则吗？或者如果它很简单，有人可以在这里写下来吗？
DIV_LARGE1举个例子，假设我有 2 个DIV_LARGE2彼此不包含的大 div 和一个小 div DIV_SMALL。当DIV_SMALL被定义在里面DIV_LARGE1时，我可以看到它落在里面的那部分DIV_LARGE1，但是与之共享的区域DIV_LARGE2被隐藏在下面DIV_LARGE2。我在页面渲染后（通过点击）显示DIV_SMALL（通过设置它），所以在 HTML 代码 中出现display:inline应该没关系。DIV_LARGE2DIV_LARGE1
什么优先于什么？由于我较小position:relative的 div 和其他 div ( DIV_LARGE*) 都具有position:absolute，因此我可以推断如果 div 未在其中定义，则绝对定位优先于相对定位。但这是正确的吗？确切的规则是什么？
css - 容器中文本的垂直对齐方式：WebKit vs Firefox
问题在于，当包含在具有均匀高度/行高且字体大小不均匀（反之亦然）的元素中时，基于 Firefox 和 WebKit 的浏览器似乎以不同的方式垂直对齐文本。我看过一些类似的主题，但我还没有真正看到我的问题的任何很好的解释。
考虑以下示例：
有没有什么办法解决这一问题？是否有任何“文本对齐”属性或我错过的东西？
css - chrome 中 css 的高度和宽度值太小。还是宽度太大？
我有一个网站页面似乎无法在 Safari 中正确呈现 chrome。
看起来它渲染屏幕宽度的像素是其他浏览器的两倍。我怀疑它可能是初始视口设置，它适用于 Windows 和苹果的所有其他浏览器，除了 mac 上的 chrome 版本。
我尝试删除视口设置，但这似乎不起作用。我使用的是最新版本的 Chrome，如果我在 safari 中打开了 chrome 旁边的窗口，您可以看到 chrome 将屏幕渲染为两倍宽，即使它占用相同的宽度。
哎呀。我无法发布图片，但您可以在此处查看：http ://straathof.acadnet.ca/test_chrome.jpg
如果您想对其进行测试，可以访问此处的页面：http: //straathof.acadnet.ca/reblend55
任何有助于追踪此问题的帮助将不胜感激。我不知道在哪里看。
c# - 呈现 HTML 的最佳控件
我需要在 C# .NET 4.0 Winforms 应用程序中呈现一些 html 文本（不是带有标签和所有内容的 html 页面，只是一些<html>' s 和s 和东西）。最好它是一个类似的控件，你可以打开它，它会显示 HTML。有没有人有过他们可以推荐的 .NET HTML 渲染控件的经验？我在 codeproject 上找到了这个，但我对那里的东西有点警惕。<body><i><hr />Panelp.HTML = "somehtml"
macos - 为什么图像没有显示在 Carbon 的 HTML 渲染库中
我有一个旧程序，它使用 Carbon 的 HTML 渲染库显示嵌入式浏览器。我正在使用 10.4 SDK 将它从 codewarrior 迁移到 Xcode。虽然 HTML 正确显示，包括链接，但图像只是不显示。我可以看到 alt 内容，并且使用宽度和高度字段正确设置了尺寸。
我正在使用以下方法进行初始化：
然后我打开我的本地 HTML 文件：
我的图像也存储在本地，但只是没有出现，它以前在我的 ppc-only codewarrior 编译中运行良好。
我尝试使用 HRGoToURL 处理 Internet 上的网页，并尝试将图片 src 字段替换为 http:// 或 file:// 到图像的链接，格式为 jpg、gif 和 png，结果始终相同。
你知道这样的问题吗？我知道我可以并且可能应该迁移到 WebKit，但这会让我更多地参与其中。
西尔万
html - 在（无缝）3 列项目中呈现问题
这个问题已经困扰我一段时间了，我还没有找到解决方案并尝试了几种方法。我试图尽可能地保持我的标记语义。我已经搜索了类似的问题，但我无法将我的问题抽象到足以找到适用的解决方案。
我觉得对我的快速了解是为了解释我的设计方法。首先，我不是设计师。我没有受过正规培训，但设法找到了自己作为程序员的工作。我从 11 岁（1997 年）开始涉足网络工作，并在高中（2000-2004 年）深受网络标准运动的影响。直到几个月前，从那以后都没有考虑过网络工作。我工作的公司已经付钱给设计师在 Photoshop 中开发设计，并且准备付钱给另一个人来做 CSS 工作。这让我困惑不已，我决定站出来试一试，到目前为止一切都很好。
然而，我已经让一个棘手的问题溜走了。我们有一个设计为 3 列框的搜索表单。由于我工作的性质，我不得不将盒子抽象一下。该框在 webkit 中正确呈现，但中心列在 firefox、opera，尤其是 IE 中不会保持正确定位（未图示）。在这些浏览器的旧版本中看起来更糟。这可能是查看实时示例的好时机：http: //jsfiddle.net/KdFT7/
我应该简要解释一些标记。当单击“添加 X”按钮时，会出现一个模式窗口，其中包含选择 X 项目的选项，这将被附加到带有 XChoice 类的 div 中，并且选择的总数被附加到带有类的段落 (<p>) X选择如下。理想情况下，盒子从小开始并随着项目的添加而增长会很好，但这会给我带来如何更新中心列和 AddY 盒子的问题。总的来说，我对设计不满意，但我的工作是编写代码而不是批评它。
我需要一双新鲜的眼睛。我如何标记它，并应用正确的样式以使 3 列在大多数浏览器中齐平。我非常理解这一点，但我非常感谢任何解决这个问题的方法。标记可以更改，css 可以重新设计，但不幸的是，设计需要保持不变。
HTML
CSS
再次可以在这里找到一个活生生的例子：http: //jsfiddle.net/KdFT7/
PS。
奖励，这个问题与我问过的另一个没有得到可靠答案的问题有关： 克隆和更新属性
outlook - HTML 电子邮件中表格单元格的 Outlook 折叠
我遇到了这个问题，但还没有找到解决方案。使用 html 电子邮件，我发现在某些 Outlook 程序中它会折叠单元格。2007/2010 年例如：
发生的情况是 Outlook 忽略了中间列单元格的宽度。如果我使用 CSS 作为宽度也没关系。
这具有相同的结果。
我无法弄清楚的是 Outlook 中导致单元格宽度折叠的设置。通常，它只发生在我们公司 CEO 的 Outlook 中。我不再以这种方式编写带有副本的单元格，因为我有一种更可靠的工作方式，但有时营销人员认为他们知道他们在做什么，并在我知道它会工作时更改我认为它会工作的代码不在 Outlook 中 CEO 的计算机上。
有人知道 Outlook 中的什么设置会导致这种情况吗？我很想在我的电脑上安装这个设置，所以我不需要 CEO 来测试它。
javascript - C++，win32 api：如何创建一个 html 渲染窗口，以便您的应用程序可以从 JS 调用中获得回调？
我需要的很简单：我们有一个控制台应用程序项目。我们希望有这样一个函数，它可以打开一个只有 html（基于默认系统）的简单窗口 html + js 渲染窗口，该窗口将读取一些默认的 html+js 字符串（表单字符串或 const char*）。我们希望将我们自己的 api 与默认的 js api 结合起来，这样当 JS 调用某些函数时our.function(argument);，我们的 C++ 应用程序就会执行一些函数，例如 cout 参数。如何在 Windows 上创建这样的东西？
java - 渲染 HTML 以在 Java 应用程序中显示
我对在 Java 应用程序中显示 HTML 文本（使用 CSS）很感兴趣。我有什么选择？
虽然我没有在我的应用程序中使用 SWT，但我看到 SWT 为所有平台上的 WebKit 浏览器提供了一个接口。有没有办法我可以使用 SWT 的 WebKit 集成来要求它在我可以重用的图像中呈现文本？