position 相关问题

位置是指元素相对于其容器的位置,通常在水平轴和垂直轴上。

如何从Python Tkinter Text widget获取所选文本的开始和结束位置

我想获取 Tkinter 文本小部件中所选文本的开始和结束位置。如果未选择文本,则应使用光标的位置作为开始和结束位置。 还出现了...

回答 1 投票 0

WebGL 着色器根据鼠标位置为纹理着色

我正在尝试使用 WebGL 制作有趣的效果。 在我的片段着色器中,我有以下行以黑白方式绘制纹理: gl_FragColor = vec4(vec3(color0.r+color0.g+color0....

回答 2 投票 0

div 旁边的网格外图像

我想将图像粘贴到屏幕的左侧,并在其右侧放置一个 div,因此这两个元素将具有相同的高度,并且在更改浏览器宽度的情况下会换行。 我已经尝试过

回答 1 投票 0

如果来自另一个节点的规则适用,则添加位置编号,但按照当前节点的顺序

输入: B缺乏 输入: <ROOT> <TEMPLATE style="test"> <ATTRIBUTE name="Color"><VALUE><UNIT>B</UNIT><UNIT>lack</UNIT></VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="test"> <ATTRIBUTE name="Something"><VALUE>1235</VALUE></ATTRIBUTE> <ATTRIBUTE name="Name"><VALUE><UNIT>Hello</UNIT></VALUE></ATTRIBUTE> <ATTRIBUTE name="Height"><VALUE>12</VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="something-else"> <ATTRIBUTE name="Test"><VALUE>Hey</VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="footnotes"> <ATTRIBUTE name="FOOTNOTE_Test"><VALUE>not-relevant</VALUE></ATTRIBUTE> <ATTRIBUTE name="FOOTNOTE_Name"><VALUE>whatever</VALUE></ATTRIBUTE> <ATTRIBUTE name="FOOTNOTE_Color"><VALUE>Some value</VALUE></ATTRIBUTE> </TEMPLATE> <ROOT> 所需输出: <ROOT> <TEMPLATE style="test"> <ATTRIBUTE name="Color"><VALUE><UNIT>B</UNIT><UNIT>lack</UNIT> *1</VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="test"> <ATTRIBUTE name="Something"><VALUE>1235</VALUE></ATTRIBUTE> <ATTRIBUTE name="Name"><VALUE><UNIT>Hello</UNIT> *2</VALUE></ATTRIBUTE> <ATTRIBUTE name="Height"><VALUE>12</VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="something-else"> <ATTRIBUTE name="Test"><VALUE>Hey</VALUE></ATTRIBUTE> </TEMPLATE> <TEMPLATE style="footnotes"> <ATTRIBUTE name="FOOTNOTE_Test"><VALUE>not-relevant</VALUE></ATTRIBUTE> <ATTRIBUTE name="FOOTNOTE_Name"><VALUE>whatever</VALUE></ATTRIBUTE> <ATTRIBUTE name="FOOTNOTE_Color"><VALUE>Some value</VALUE></ATTRIBUTE> </TEMPLATE> <ROOT> 在我的样式为“test”的模板中,有些属性的名称+前缀“FOOTNOTE_”可以与模板“footnotes”中的属性名称匹配。如果名称匹配,则应将 " * {position}" 添加到属性值中。该位置计算已设置的脚注数量,但顺序基于测试样式属性而不是脚注。 我已经尝试过各种分组尝试和 for-each 循环,但它们从未达到预期的结果。 我正在使用 XSLT 2.0 我可能会分两步完成 - 说这样的话: XSLT 2.0 <xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/> <xsl:key name="fn" match="TEMPLATE[@style='footnotes']/ATTRIBUTE" use="substring-after(@name, 'FOOTNOTE_')" /> <xsl:template match="/"> <xsl:variable name="temp"> <xsl:apply-templates mode="temp"/> </xsl:variable> <xsl:apply-templates select="$temp/ROOT"/> </xsl:template> <!-- identity transform --> <xsl:template match="@*|node()" mode="#all"> <xsl:copy> <xsl:apply-templates select="@*|node()" mode="#current"/> </xsl:copy> </xsl:template> <xsl:template match="TEMPLATE[@style='test']/ATTRIBUTE[key('fn', @name)]/VALUE" mode="temp"> <xsl:copy> <xsl:apply-templates/> <NUMBER/> </xsl:copy> </xsl:template> <xsl:template match="NUMBER"> <xsl:text> *</xsl:text> <xsl:number count="NUMBER" level="any"/> </xsl:template> </xsl:stylesheet> 请注意,结果是混合内容的 XML,这是您通常想要避免的。 试试这个: <?xml version="1.0"?> <xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="xml" version="1.0" encoding="utf-8" indent="yes"/> <xsl:key name="footnote" match="TEMPLATE[@style='footnotes']/ATTRIBUTE" use="substring-after(@name,'FOOTNOTE_')"/> <xsl:template match="@* | node()"> <xsl:copy> <xsl:apply-templates select="@* | node()"/> </xsl:copy> </xsl:template> <xsl:template match="TEMPLATE[@style='test']/ATTRIBUTE/VALUE"> <xsl:variable name="name" select="parent::*/@name"/> <xsl:copy> <xsl:apply-templates select="@* | node()"/> <xsl:variable name="footnode" as="element()?" select="key('footnote',$name)"/> <xsl:if test="$footnode"> <xsl:value-of select="concat(' *',(count(parent::*/preceding-sibling::*) + 1))"/> </xsl:if> </xsl:copy> </xsl:template> </xsl:stylesheet>

回答 2 投票 0

监听Animation flutter内部的位置变化

当动画当前运行(未完成或取消)时,是否可以监听子部件位置的变化? 例如 我们有这个变量: GlobalKey globalKey= 全球...

回答 1 投票 0

将特定位置设置为unity中的默认位置

我需要用其他各种角色生成角色,如下所示: 实例化(单位,变换.位置,四元数.身份); 但问题是其中一个单位有点低,所以我...

回答 1 投票 0

wxWidgets 从左下角而不是左上角添加小部件(在 sizer 中)?

我想在面板底部添加不同数量的二维方块,其小部件位于盒子大小调整器内。 我制作了一个 Square 类小部件,它接受位置、大小和颜色,并制作了 3 个实例...

回答 1 投票 0

javascript 错误。未捕获的引用错误:leftOrRight 未定义反应游戏

反应游戏 #容器 { 背景:浅绿色; 宽度:900px; 高度:900 像素; ...</desc> <question vote="0"> <pre><code>&lt;meta charset=&#34;UTF-8&#34;&gt; &lt;title&gt;Reaction game&lt;/title&gt; &lt;style&gt; #container { background: lightgreen; width: 900px; height: 900px; margin: auto; display: flex; position: relative; } .div { background: red; width: 60px; height: 60px; } &lt;/style&gt; </code></pre> <pre><code>&lt;div id=&#34;container&#34;&gt; &lt;/div&gt; &lt;script&gt; let container = document.getElementById(&#34;container&#34;); let speedX = 60; function moveThis(element) { let currentLeft = parseInt(this.style.left) || 0; this.style.left = (leftOrRight() === 0 ? currentLeft + speedX : currentLeft - speedX) + &#34;px&#34;; speedX += 2; </code></pre> <p>}</p> <pre><code> function generateDiv() { let newDiv = document.createElement(&#34;div&#34;); newDiv.classList.add(&#34;div&#34;); container.appendChild(newDiv); let style = newDiv.style; style.position = &#34;absolute&#34;; function leftOrRight() { let value = Math.random(); if(value &lt; 0.5) { return 0 }else { return 1; } } style.left = leftOrRight() === 0 ? 0 : 840 + &#34;px&#34;; style.top = Math.floor(Math.random() * 840)+ &#34;px&#34;; moveThis.bind(newDiv)(); console.log(leftOrRight()); }; setInterval(generateDiv, 1000) &lt;/script&gt; </code></pre> <p>未捕获的引用错误:leftOrRight 未定义 擅长JavaScript的人可以帮我移动newDiv吗 : 如果其位置在右侧,则向左,或者</p> <p>:如果位置在左边,则向右?</p> <p>请帮我解决这个代码! 不幸的是 ChatGPT 没有帮助我。 ??</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> <p>它要求我提供更多信息</p> </question> <answer tick="false" vote="0"> <p>您在 <pre><code>leftOrRight()</code></pre> 函数内定义了 <pre><code>generateDiv()</code></pre> 函数。所以在<pre><code>moveThis()</code></pre>内部调用它肯定会抛出错误。</p> <p>您应该在 <pre><code>leftOrRight()</code></pre> 函数体外定义 <pre><code>generateDiv()</code></pre> 函数。</p> <p>这样:</p> <pre><code>&lt;script&gt; let container = document.getElementById(&#34;container&#34;); let speedX = 60; function leftOrRight() { let value = Math.random(); if(value &lt; 0.5) { return 0 }else { return 1; } } function moveThis(element) { let currentLeft = parseInt(this.style.left) || 0; this.style.left = (leftOrRight() === 0 ? currentLeft + speedX : currentLeft - speedX) + &#34;px&#34;; speedX += 2; } function generateDiv() { let newDiv = document.createElement(&#34;div&#34;); newDiv.classList.add(&#34;div&#34;); container.appendChild(newDiv); let style = newDiv.style; style.position = &#34;absolute&#34;; style.left = leftOrRight() === 0 ? 0 : 840 + &#34;px&#34;; style.top = Math.floor(Math.random() * 840)+ &#34;px&#34;; moveThis.bind(newDiv)(); console.log(leftOrRight()); }; setInterval(generateDiv, 1000) &lt;/script&gt; </code></pre> <p>祝你好运!</p> </answer> <answer tick="false" vote="0"> <p>您在generateDiv()范围内定义了leftOrRight()。但在 moveThis() 内部调用它(在generateDive函数范围之外)。它超出了范围。 阅读有关函数/变量范围的更多信息</p> </answer> <answer tick="false" vote="0"> <p>如果我没看错的话,您已尝试从 <pre><code>leftOrRight</code></pre> 函数引用 <pre><code>moveThis</code></pre> 。同时,<pre><code>leftOrRight</code></pre>是在另一个名为<pre><code>generateDiv</code></pre>的函数中定义的。这意味着名为 <pre><code>leftOrRight</code></pre> 的引用只能从 <pre><code>generateDiv</code></pre> 函数内部访问。要解决这个问题,只需将 <pre><code>leftOrRight</code></pre> 定义移出,并将其放在 <pre><code>moveThis</code></pre> 定义之前即可。</p> <p>我希望我正确理解了你的问题,这将解决它!</p> </answer> </body></html>

回答 0 投票 0

将 div 放置在鼠标旁边,但在 div 中

我使用以下代码将 mousediv 放置在单击鼠标的位置旁边。 $("#item").click(函数(e) { $('#mousediv').css({ 'top': e.pageY -50,'left': e.pageX -10, 'posi...

回答 1 投票 0

是否可以将 Cytoscape.js 布局数据直接存储为应用程序/Web 服务器中的文件格式,并重新启动相同的布局以最大程度地减少重新计算?

一些 cytoscape 布局是随机的,每次启动时位置都不是固定的。我从多个堆栈溢出问题中了解到我们可以在哪里保存布局数据(即包括......

回答 1 投票 0

找到画布的左上角位置

获取对象的位置: Vector3 mainCanvasPosition = mainCanvas.GetComponent().position; 但它返回对象中心的位置。 我怎样才能得到

回答 2 投票 0

Safari 自动填充位置不正确

我已经在 Rails 中完成了一个简单的视图,用于登录我的网站,但是当我在 Safari 上加载页面时,它会自动显示 Autofil 框,而不是在电子邮件字段下方,而是在...

回答 2 投票 0

“overflowX: auto”切断 y 轴

我在可横向滚动的容器内有一个元素。我需要该元素绝对位于容器上方,但它会被 OverflowX: "auto" 切断。 这是带有

回答 0 投票 0

为什么当我按 w a s d 时我的 <div> 不移动? [已关闭]

我只是想让它动起来,但我不明白为什么它不起作用。 //代码.js document.addEventListener('DOMContentLoaded', function() { const blockElement = document.querySelector('.bl...

回答 1 投票 0

图像定位错误

.rentyacht-image-container { 显示:柔性; 弹性方向:列; } .rentyacht-p { 位置:绝对; 顶部:0; 左:0; 左内边距:183px; 宽度:282 像素; 高度:132像素; 颜色:...

回答 0 投票 0

用after定位

我从11:30-16:00前端观看。因此 现场拍卖 我从11:30-16:00观看前端。结果 <div class="title-wrapper"> <h2 class="title title--purple"><span>Live Auctions</span></h2> </div> .title { font-family: 'Oxanium', font-weight: 700; font-size: 64px; line-height: 130px; color: #F5FBF2; position: relative; &:after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(-40%); background: #8613A5; width: 110px; height: 110px; border-radius: 50%; } span { text-align: center; position: relative; z-index: 2; } } .title-wrapper { display: flex; justify-content: center; } 产生以下屏幕截图 属性如何 top: 50%; left: 0; transform: translateY(-50%) translateX(-40%); 允许您用淡紫色圆圈突出显示字母 L,如屏幕截图所示?在图片中显示它。 我希望有人帮我布局。

回答 0 投票 0

无间隙地旋转和定位一排游戏对象

我有一个预制的房子,上面有一条路,像这样: 我想并排排列这些以创建一条街道,但我也想让它们稍微倾斜,这样道路看起来就...

回答 1 投票 0

在另一个框的右上角插入框[关闭]

在此处输入图片描述我目前正在尝试将其插入另一个框的右上角,但我无法将其放在右上角,而是框只是与文字重叠。 #盒子 {

回答 0 投票 0

在给定距离内定位按钮

我们需要将8个按钮定位成半圆形,并且与另一个按钮的距离相等,如下图所示: (https://i.stack.imgur.com/F0R75.png) 我们尝试使用定位小部件 ...

回答 2 投票 0

带坐标的 SwiftUI .position 修饰符

我想使用每个项目的坐标将项目放置在带有修饰符 .position 的图像上。但是看效果图的时候,完全不懂item位置的逻辑,什么

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.