width 相关问题

确定X轴上对象大小的属性。此测量的最常见形式是像素或毫米。

TailwindCSS 支持 ch 测量单位吗?

Tailwind 新手,正在重写网站,但在我的样式组件文件中,我声明 ch 单位为 50,例如: const Foobar = styled.div` 最大宽度:50ch; ` 在研究文档时我...

回答 1 投票 0

溢出隐藏和父宽度过渡

这是我能就我的问题实现的最好的小提琴:https://jsfiddle.net/langocha/rofyxbhq/ 当我将鼠标悬停在黄色框上时,我希望在其右侧显示一条消息,然后...

回答 1 投票 0

根据元素中不存在的字符串设置元素宽度

我有一个 React 组件,可以渲染一个或另一个字符串。 const MyComponent = (道具: { 只读文本A:字符串; 只读 textB:字符串; 只读 renderB:布尔值; }) => {

回答 1 投票 0

多出一个像素,宽度为100%

我得到了一个 680 像素宽的文本区域。 这需要变得流畅,所以我使用百分比。 百分比形成完美的 100% 宽度,但似乎比应有的多渲染了 1 个像素。 http://jsfiddl...

回答 2 投票 0

响应式媒体查询在 Google Chrome 中不起作用

我编写了一段CSS代码来根据用户的屏幕宽度流畅地切换网站布局的宽度。如果用户可用的屏幕空间较少,布局的宽度会增加以填充更多...

回答 13 投票 0

使用给定字体获取字符串的 PythonTkinter 宽度(以像素为单位)

给定一个字符串,例如“这是一个字符串”或“这是一个字符串”,并且知道字体系列和大小,如何计算像素宽度? 这是对齐列所必需的...

回答 1 投票 0

如何让 WooCommerce 商店页面显示全宽

我正在努力让我的 WooCommerce 商店页面全尺寸(或至少比默认值更宽)。我已经尝试过其他帖子中的各种 CSS 代码,但它们要么也更改了我的其他页面,要么不这样做

回答 1 投票 0

为什么尽管有了display:block;,宽度和高度仍然被忽略?

我想创建一个空跨度的矩形,但宽度和高度被忽略。 html代码 财产 我想创建一个空跨度的矩形,但宽度和高度被忽略。 html代码 <h1 class="intro-titel intro-titel-spiciy"> PRORERTY <span class="span"></span> </h1> CSS代码 .intro-titel{ font-size: 80px; font-weight: 750; color: #fff; } .intro-titel-spiciy{ background-color: #FFB703; color: black; font-size: 87px; } .span{ width: 50px; height: 100%; background-color: #fff; border: 1px solid black; } 根据我搜索的内容,我希望通过添加以下项目来修复它 第一次尝试 .span{ display:block; /* and I try display:inline-block; but it dosen't work*/ /* other styles */ } 第二次尝试 span.product__specfield_8_arrow{ display: inline-block; } 但是没有一个不起作用。 您可以进行 2 项更改: 将 height 添加到 .intro-titel,如下所示: .intro-titel{ font-size: 80px; font-weight: 750; color: #fff; height: 100px; /* This! */ } 将 display 添加到 .span,如下所示: .span{ width: 50px; background-color: #fff; border: 1px solid black; height: 70%; display: inline-block; /* This! */ } 现在应该可以工作了。

回答 1 投票 0

TimePicker mui-x 单击时会占据整个屏幕宽度。如何设置宽度?

我几乎到处寻找并尝试了我能找到的所有解决方案,但没有任何效果。有人可以帮助我吗? 截屏: 这是我的代码: 我几乎到处寻找并尝试了我能找到的所有解决方案,但没有任何效果。有人可以帮助我吗? 截图: 这是我的代码: <Controller name="startTime" control={control} rules={{ validate: validateTime }} render={({ field }) => ( <TimePicker {...field} value={field?.value || null} format="HH:mm" name="startTime" ampm={false} minutesStep={15} label="24 hours" className="time-picker" slotProps={{ textField: { sx: { borderRadius: 6, fieldset: { borderRadius: 6 }, [`.${OutlinedInputClasses.root}`]: { height: 80, width: 300, }, '& .MuiInputLabel-root': { lineHeight: 3 }, }, }, }} /> )} />; 我发现了问题。这是一个样式表问题: body > div { width: 100%; } 一旦我删除了上面的代码,它现在就可以正常工作了。

回答 1 投票 0

使用 'ch' 作为 CSS 宽度合适吗?

对于CSS中涉及宽度单位的任何内容,当我需要固定宽度时我总是使用px,当我需要相对于字体大小的宽度时我总是使用em。 然后我意识到 em 确实是

回答 1 投票 0

HTML 正文不遵守宽度或高度

我正在使用 HTML 和 CSS 制作自己的作品集网站,到目前为止一切顺利。所有其他页面都有响应并且看起来不错,但有一个页面由于某种原因 HTML 正文不遵守...

回答 2 投票 0

HTML 正文不遵守宽度或高度

我正在使用 HTML 和 CSS 制作自己的作品集,到目前为止一切顺利。所有其他页面都是响应式的并且看起来不错,但是有一个页面天知道为什么,由于某种原因 HTML 正文没有......

回答 2 投票 0

当td内容太宽时,表格会溢出父div

我准备了一个JSFiddle来解释/向你展示我的问题:http://jsfiddle.net/nz96C/ 一开始看起来不错,但是当我向 #firsttd 添加一些文本时,一旦 tds

回答 1 投票 0

特定 div 宽度上的类似媒体查询的行为

我正在构建一个编辑器,其中帖子的内容加载到 div 中,并且 jQuery 选择器允许我内联编辑内容。 当我试图添加一些内容时,我遇到了一些障碍

回答 3 投票 0

handsontable 的初始宽度在 Flexbox 中设置得不好

我有一个装在灵活盒子里的手动桌子。 https://jsbin.com/rikufelosi/1/edit?html,输出 这种行为很奇怪:至少在Mac下的Chrome或Safari中,加载页面后,

回答 3 投票 0

如何使 Flexbox 容器自动调整宽度并居中且按钮彼此相邻对齐?

我使用以下代码,但容器仍然是全宽 我希望它能够适应其内容的宽度 .cta-primary { 显示:柔性; 调整内容:居中; 对齐项目:...

回答 1 投票 0

Latex:填充到一定宽度

我目前正在做类似的事情: a\h填充{}b 它将“a”放在页面的最左侧,将“b”放在页面的最右侧。然而,我希望“b”正好是一半。是否有一个 \hfill 等效的...

回答 5 投票 0

似乎无法在移动浏览器加载时将页面居中,滚动后自动更正到我想要的位置。 html/css相关

所以,我试图在欢迎页面上将带有标题、段落和按钮的部分居中。我的代码在计算机浏览器上成功运行,但是当我将其加载到移动浏览器上时,我遇到了

回答 1 投票 0

如何使元素在溢出时保持在同一行

我正在尝试制作一个页面,其中一些 div 水平对齐,并且我希望根据内容调整宽度大小,这样如果内容大于屏幕尺寸,我将获得水平滚动。我有...

回答 1 投票 0

多屏幕上的四开 20:60:20 html 布局

我无法实现四开 html 输出的合理布局。在宽屏幕上,标准侧边栏/边距顶部左/右有 2 个额外的空格,并且在使用 col 时我会丢失 TOC...

回答 1 投票 0

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