width 相关问题

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

如何使用 HTML / CSS 将宽度设置为移动屏幕尺寸

我正在开发一个网站注册页面。 if(strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false) 有了上面的陷阱，我将页面定向到一个单独的移动页面，问题就开始了......

android html css width screen

回答 2 投票 0

将图像放置在浏览器100％宽度和100％高度的div中

嗨，这个问题确实很简单，但无法弄清楚。我想用图像填充浏览器，以便无论用户在浏览器中设置大小，我的图像都会填充内容。我也需要

jquery html css height width

回答 5 投票 0

图像标题宽度与图像相同

如何使图像标题宽度与图像相同？现在我有以下代码：这是标题。 &l... 如何使图像标题宽度与图像相同？现在我有以下代码： <div class="image"> <img src="foo.jpg" alt="" /> <div>This is the caption.</div> </div> 我已经尝试了很多东西（浮动、绝对定位等），但如果标题很长，它总是使 div 变宽而不是多行。问题是我不知道图像的宽度（或标题的长度）。解决这个问题的唯一方法是使用表吗？所以问题是你不知道img会有多宽，而img的标题可能会超出img的宽度，在这种情况下你想将标题的宽度限制为img的宽度. 在我的例子中，我在父元素上应用了 display:table，并在标题元素上应用了 display:table-caption 和 caption-side:bottom，如下所示： <div class="image" style="display:table;"> <img src="foo.jpg" alt="" /> <div style="display:table-caption;caption-side:bottom;">This is the caption.</div> </div> 您可以应用 display:table; 和任意初始宽度，例如。 width:7px; 到父块，如 figure ，一切都会按预期工作！这是一个现场演示： http://jsfiddle.net/blaker/8snwd/ 此解决方案的限制是 IE 7 及更早版本不支持 display:table;，而 IE 8 要求您的文档类型为 !DOCTYPE。来源： http://www.lifeathighroad.com/web-development/forcing-to-wraps-to-the-width-of-an-image-using-css-only/ W3Schools（由于 stackoverflow 对代表人数少于 10 人的 2 链接限制，无法发布链接）如果问题是标题太长，您可以随时使用 div.image { width: 200px; /* the width you want */ max-width: 200px; /* same as above */ } div.image div { width: 100%; } 并且标题将保持静态。另外，标签名称是img，而不是image。或者，如果你想检测图像宽度，你可以使用 jQuery: $(document).ready(function() { var imgWidth = $('.image img').width(); $('.image div').css({width: imgWidth}); }); 这样，您就可以获得图像宽度，然后将标题宽度设置为它。正确添加字幕的唯一方法是将图像和标题包含在由具有 table、table-row 和 table-cell css 属性的 span 元素构造的表格中。任何其他方法（包括 HTML5 图形标签）都会导致宽度不匹配或导致不必要的换行。如果您的方法必须在非 CSS3 浏览器中工作，那么表格可能是最好的选择。扩展上述内容，我使用此 jQuery 代码片段来检查代码中具有标题的所有图像，并将标题宽度设置为与前一个图像的宽度相匹配。所以如果 HTML 是这样的： <img src="blah" /><figcaption>this is the first caption</figcaption> <img src="blah2" /><figcaption>this is the second caption</figcaption> 然后使用这个 jQuery： $("figcaption").each(function () { $(this).css("width", $(this).prev("img").width()) }); 您可以尝试设置图像div包装器display:inline-block http://jsfiddle.net/steweb/98Xvr/ 如果标题很长，唯一的解决办法就是设置固定宽度，或者通过js设置.image div宽度。我正在尝试考虑一个纯 css 解决方案，但我认为这是一个艰巨的挑战:) 关键是将图像视为具有一定的宽度和一定的长度。在下面的示例中，我检查了图像的宽度为 200 像素。然后将标题视为内联块。 HTML： <div style="width:200px;"> <img src="anImage.png" alt="Image description"/> <div class="caption">This can be as long as you want.</div> </div> CSS： .caption { display: inline-block; } 您还可以通过将上面的 css 替换为以下内容之一，将内联块替换为左对齐、右对齐或拉伸到精确图像宽度的文本： .caption { /* text-align: left; */ /* text-align: right; */ text-align: justify; }

html css image width caption

回答 7 投票 0

Swiperjs 在网格内时出现 100% 宽度错误

我在网格内使用 SwiperJS 时遇到问题。当我将 Swiper 包装器放入 with display: grid 时，包装器溢出 100%。我提供了 JSFiddle 示例的链接。 ...

html css width swiper.js

回答 2 投票 0

chartjs中如何控制条形图的宽度？

我使用chartjs 的条形图中的条形太宽了。我怎样才能让它们变薄？这是我的代码 const ctx = document.getElementById('myChart'); 新图表（ctx，{ 类型：'酒吧'，数据： { 实验室...

php mysql charts chart.js width

回答 1 投票 0

Flutter：让 TextField（或任何小部件）仅占用最小的必要空间

我是 Flutter 新手，来自 React 和 Vue。我正在尝试制作一个简单的小部件，用于输入小时和分钟。我认为结果很好，尽管我有小部件 stret 的问题...