display 相关问题

我有这个` CSS显示 .名称栏， .电子邮件栏{ 边框颜色：灰色；边框样式：实心；显示：内联块； } .电子邮件栏{ </desc> <question vote="0"> <p>我有这个`</p> <pre><code><title>CSS display</title> <style> .name-bar, .email-bar{ border-color: gray; border-style: solid; display: inline-block; } .email-bar{ margin-top: 5px; } .div-one, .div-two{ border-color: gray; border-style: solid; width: 200px; height: 200px; vertical-align: top; display:inline-block; } </style> </code></pre> ` <p>这会在同一行上生成 2 个彼此相邻的输入字段，然后在同一行上生成 2 个 DIV。我想要做的是将 2 个输入字段垂直堆叠在一起，而不是水平排列，然后按原样放置 2 个 div。</p> <p>我以各种方式尝试过 CSS 显示，但我只是不明白我需要做什么才能实现所需的对齐。</p> </question> <answer tick="false" vote="0"> <p>尝试：<pre><code>display: block;</code></pre> 或使用 Flexbox！</p> <p>类似这样的：</p> <pre><code><style> .container { display: flex; flex-direction: column; } .name-bar, .email-bar{ border-color: gray; border-style: solid; } .div-one, .div-two{ border-color: gray; border-style: solid; width: 200px; height: 200px; } </style> <div class="container"> <input type="text" class="name-bar"> <input type="email" class="email-bar"> </div> <div class="div-one"></div> <div class="div-two"></div> </code></pre> </answer> </body></html>

html css display

回答 0 投票 0

有没有办法使用 WooCommerce 的 Rest API 在 React 中检索、设置、存储和显示购物车信息？

我了解到，截至 2021 年，目前还没有方法可以做到这一点，并且到目前为止在网上找不到任何解决方案。因此，如果可能的话，我希望有人能帮助我解决这个问题。我有...

rest woocommerce cart display

回答 0 投票 0

odoo 16中如何自定义state字段的statusbar_visible显示

我继承了mrp.product的视图并编写xpath如下我继承了mrp.product的视图，并编写xpath如下 <xpath expr="//header//field[@name='state']" position="attributes"> <attribute name="statusbar_visible">draft,to_approve,approved,rejected</attribute> </xpath> 创建新记录时，我将保留 statusbar_visible = 草稿、to_approve、已批准、已拒绝但是当记录的状态=已批准时，我想要statusbar_visible=草稿，已确认，进度，已完成，我该怎么办？尝试使用 2 个互斥的字段定义，例如： <xpath expr="//header//field[@name='state']" position="attributes"> <attribute name="statusbar_visible">draft,to_approve,rejected</attribute> <attribute name="attrs">{"invisible": [("state", "in", ["approved","confirmed","progress","done"])]}</attribute> </xpath> <xpath expr="//header//field[@name='state']" position="after"> <field name="state" statusbar_visible="approved,confirmed,progress,done" attrs='{"invisible": [("state", "in", ["approved","confirmed","progress","done"])]}'/> </xpath>

python xml state display odoo-16

回答 1 投票 0

经典 ASP - 用于存储和显示按公共字段分组的多行的多维数组

我的数据库中有这些数据公司 |类别 |品牌 -------------------------------- 公司 1 |类别 2 |品牌A 公司 1 |类别 2 |品牌B 公司 1 |类别 2 |品牌...

multidimensional-array display

回答 1 投票 0

整行都是可点击的，而不仅仅是文本

我尝试仅使用 display: incline-block 使文本可点击，但它没有按预期方式工作。当我输入命令时，图像向另一个方向移动并改变了

html css hyperlink display

回答 0 投票 0

CSS height 属性不适用于显示：表格？

<main class="table-container"> <div id="table-row"> <section id="product-image" class="table-column"> <img src="https://lh3.googleusercontent.com/pw/AIL4fc8rzyaDFLe2uyFDdLC37ni6h2hoaEcvBkxtIKD4C_CsCscJB1nEIOBSkfi50g1juG9_AwqblO_aamPn2lId6cXOusbgZ0dY54ifsbHzoZ1o6krpArxXZTey9xOKIM08vBVClOKH6815Yc0oHP4Qu-Di3LyAKew8xk1XgFcMlWPW5aZb72JSBZGsXFCFVN9sSeENkBNakQXuCTL87Dd_3M6nZIRkM9hGctJbKo__4kcIjs6n-Y3rdAxyz2T2RriVvwnsJHLD_MiuQj2LFhkISoKUoYyROFzvNFS2ln_PiIC90M4rKrO89ioBoIZ-zc-4ilxcMtB66ukR04sSc6_vAD-6ZKjxYVkmYW5LIbmY_3Z3XeOMKG6BgLWOLRRB5sLFCoZCP4Hka8ahKC_whIthNlCEEDaJAi1ceeWJv1b2y2WN7V2RuBMR2L28B0tj584gujMkbKkO3xv04xUFrQyEZT1f3n96lmkYy5NLizwWz-dCOayXyuocWqcPJ0xfUD9y9G8XjnoueZVc383VO9v-vxMG1U38RpwRw2Y6zqAsheoiLli2k8_ol_37RjVhlmw6986SPe8SCoDjuZHT4g_SUQulcbXaVgim0BkpAyuXvMk2-WJK3NYGAI6X4GSrcCwBLKKtQODC_TPz7ZYN-HqLE78NnL_TpBbZBGBsXvj27EwVAWknph-bs2H46CGkaIQ2Q-nKH2CLEbMD9MmyGLgOjQ7kOCKpwdzpEXzk8pPZLU9IVVynm00aFnA5-JRHm1K427WmyMIbRl_88GbF4tG7AHtAnqRppB04QjaUzKuzn1oiXdqaiMIL8NIxi_MvSK7lcHhBPUHHKv_Bi7ac6NvLi40cfOoohw8oeNt6vHAWWEYh6y5YguA6ggFk9Ri2UsmOH4A94qYEGWMndyRMiiMz737Ca5QcIwtSyUu3mimFfHfAcoNN5NxemTQuqy2iDkDio4n6dCCW9b-fsJNH3nuXdU74MQzl2sxNYGYr9xgcVDAQ1r_1F33Ny7lXhCPxHjn07Ro=w572-h857-s-no?authuser=0" alt="image of perfume Product" id="mobile" /> </section> <section id="description" class="table-column"> Perfume Gabrielle Essence Eau De Parfum A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL. $149.99 $169.99 Add to Cart </section> </div> </main> body { background-color: hsl(30, 38%, 92%); } main { border: 1px solid blue; margin: auto; width: 55vw; height: 41.25vw; } div { border: black; width: 100%; height: 100%; } section#product-image { border: 1px solid red; width: 50%; } section#product-image img#mobile { width: 100%; height: auto; } #description { background-color: rgb(255, 255, 255); } .table-container { display: table; } .table-row { display: table-row; } .table-column { display: table-cell; vertical-align: top; } 对于 main （表格容器），我使用 vw 值作为高度，但不起作用。所以，我使用了 px 值，但仍然不起作用。我的目标是使 section#product-image 的尺寸具有 img#mobile 图像尺寸的纵横比（重量与高度的比率）。因此，使用 width: 100% 和 height: auto 时，图像完全填充容器。图像的长宽比为2/3。请参考原帖的评论。请尝试以下HTML：- <main class="table-container"> <div class="table-row">  <section id="product-image" class="table-column"> <img src="<Your Image URL>" alt="image of perfume Product" id="mobile" /> </section> <section id="description" class="table-column"> Perfume Gabrielle Essence Eau De Parfum A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL. $149.99 $169.99 Add to Cart </section> </div> </main> PS：别忘了在上面的代码中粘贴img URL。这是修改后的.css定义：- body { background-color: hsl(30, 38%, 92%); } main { border: 1px solid blue; margin: auto; width: 55vw; } div { border: black; width: 100%; } section#product-image { border: 1px solid red; width: 50%; padding-bottom: calc(100% * 3 / 2); position: relative; overflow: hidden; } section#product-image img#mobile { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } #description { background-color: rgb(255, 255, 255); } .table-container { display: table; } .table-row { display: table-row; } .table-column { display: table-cell; vertical-align: top; } 希望这是您正在寻找的。您可以尝试修改 .css 定义来查看显示行为问题是照片下方的间隙？使用line-height: 0 section#product-image { border: 1px solid red; width: 50%; line-height: 0; } body { background-color: hsl(30, 38%, 92%); } main { border: 1px solid blue; margin: auto; width: 55vw; height: 41.25vw; } div { border: black; width: 100%; height: 100%; } section#product-image { border: 1px solid red; width: 50%; line-height: 0; } section#product-image img#mobile { width: 100%; height: auto; } #description { background-color: rgb(255, 255, 255); } .table-container { display: table; } .table-row { display: table-row; } .table-column { display: table-cell; vertical-align: top; } <main class="table-container"> <div id="table-row"> <section id="product-image" class="table-column"> <img src="//picsum.photos/200/300" alt="image of perfume Product" id="mobile" /> </section> <section id="description" class="table-column"> Perfume Gabrielle Essence Eau De Parfum A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL. $149.99 $169.99 Add to Cart </section> </div> </main>

html display css-tables aspect-ratio

回答 2 投票 0

表单转到 HTML 中的下一行

我正在标题内创建一个界面，带有文本输入和提交按钮的界面会自动向下移动到页面的下方，而我用作按钮的其他锚标记则保留在同一个l...

html css margin center display

回答 2 投票 0

经典 ASP - 用于存储和显示按公共字段分组的多行的多维数组

我的数据库中有这些数据公司 |类别 |品牌 -------------------------------- 公司 1 |类别 2 |品牌A 公司 1 |类别 2 |品牌B 公司 1 |类别 2 |品牌...

multidimensional-array display

回答 0 投票 0

Android设备显示尺寸设置缩放应用程序（React Native）

我已经彻底研究了在我的应用程序中阻止 Android 设备显示尺寸缩放的问题，并尝试了 How-do-i-prevent-android-device-display-size-scaling-in-my-app 中的解决方案。到了...

android reactjs react-native size display

回答 0 投票 0

SwiftUI 应用程序能否在辅助功能下控制缩放

SwiftUI 应用程序可以在辅助功能下控制缩放吗？我查看了 UIScreenMode availableModes 并没有看到方法

swiftui accessibility display zoom-sdk

回答 0 投票 0

最后一张图片在缩小时永远延伸

如果我尝试缩小到最大，无论我放入的图像是什么，如果它是最后一个，那么它将永远拉伸，而其他图像则保持应有的状态。 [ 这是 25% 缩放。如果我尝试缩小到最大，无论我放入什么图像，如果它是最后一张，那么它将永远拉长，而其他图像则保持应有的状态。 [ 这是 25% 缩放。 <div class="sh3-background" id="scroll3"> <img src="sh3-background.jpg" alt="" class="shbg"> <img src="sh3-logo.png" alt="" class="sh2logobg"> <div class="shcontent"> <h3>Silent Hill 3 is a survival horror game developed by Team Silent and published by Konami in 2003. It is the third installment in the Silent Hill series and a direct sequel to the first Silent Hill game. The game follows Heather, a teenager who becomes entangled in the machinations of the town’s cult, which seeks to revive a malevolent deity. The game was critically successful and praised for its presentation, including the environments, graphics and audio, as well as the overall horror elements and themes that are continued from past installments.</h3> <h1>PLATFORMS:</h1> <ul> <li>PLAYSTATION 2</li> </ul> <iframe width="220" height="115" src="https://www.youtube.com/embed/9s5t6R3aWwY"> </iframe> </div> </div> <div class="shf-background" id="scroll4"> <img src="shf-background.png" alt="" class="shbg"> <img src="shf-logo.png" alt="" class="sh2logobg"> <div class="shcontent"> <h3>Silent Hill f is an upcoming survival horror game developed by NeoBards Entertainment and published by Konami. It is the ninth mainline game in the Silent Hill franchise and the first mainline title in the franchise in over a decade. Unlike previous games in the series, it is not being set in the titular town, but in 1960s rural Japan.</h3> <h1>PLATFORMS:</h1> <ul> <li>PLAYSTATION 5</li> <li>STEAM</li> </ul> <iframe width="220" height="115" src="https://www.youtube.com/embed/ZqzK_nqDU9M"> </iframe> </div> </div> 这是用过的CSS .shbg { position: absolute; width:99%; } .shcontent{ position:relative; margin-left:1.2em; margin-top:0.5em; color:white; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-style:normal; font-weight: 400; font-size: 20px; line-height: 37px; text-shadow: 2px 2px 5px black; } 我试过搞乱高度，但没关系，它总是被放入的最后一张图像被搞砸了，我不知道如何阻止它。

html css image display

回答 0 投票 0

我需要隐藏一个小部件的H2

我有一个博客，我在其中使用 GetYourGuide 的附属链接。特别是，我在此页面中使用它： https://www.visitare.net/best-tours-in-bologna/ 我通过 HTML 插入会员小部件...

css display

回答 2 投票 0

窗体缩放布局设置问题

我有一个用 DelphiXE8 开发的应用程序，当 windows11 或 win10 比例布局设置为 125% 时，我最小化了通常位于统计信息左下方的辅助表单...

scale display delphi-xe8

回答 0 投票 0

表情符号在 VS 代码终端中无法正确显示

我在 VS Code 上有一个小问题。我正在使用一些表情符号，当在 VS Code 中使用 git bash 时，这些表情符号无法在终端上正确显示。显示的是而不是表情符号。他们中的一些人...

visual-studio-code terminal display emoji

回答 1 投票 0

如何在pygame zero中为单个像素着色

我不能也不想知道如何在 pygame 零中使用图像。我想到了一种替代方法，即使用 def 函数制作一个 spritesheet。我不知道如何为特定位置的像素着色...

display pgzero

回答 0 投票 0

display 相关问题

最新问题