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

display 相关问题

最新问题