如何將子元素寬度分配給父元素
[英]how to assign child element width to the parent element
問題描述
嗨，這是我的代碼，
<!DOCTYPE html>
<html>
<body>
<svg width="500" height="100">
<rect width="300" height="100" style="fill:green;stroke-width:3;stroke:gray">
</svg>
</body>
</html>
當我檢查該元素時，svg占據了500px，因為我在內部將該svg元素設置為500px。 但是我需要，它應該只占用300px的子元素寬度。
注意：無需替換svg width（500px），而無需將300px分配給該元素。
1 個解決方案
解決方案1
0 2016-06-08 16:26:08
您可以使用viewBox僅顯示所需圖形的一部分。
默認情況下，將保留寬高比，但是我在下面覆蓋了寬高比，以便獲得500的寬度。 我不確定keepAspectRatio的值最適合您，因此您可能需要嘗試不同的值。
<!DOCTYPE html> <html> <body> <svg width="500" height="100" viewBox="0 0 300 100" preserveAspectRatio="none"> <rect width="300" height="100" style="fill:green;stroke-width:3;stroke:gray"/> </svg> </body> </html>
如何獲取父元素的最小高度/寬度並通過 CSS 設置為子元素的高度/寬度
[英]How to get min height/width of parent element and set to it's child height/width by CSS
子元素的寬度可以覆蓋父元素設置的最大寬度。 我怎樣才能防止這種情況發生？
[英]Width of child element is able to override max-width set by parent element. How can I prevent this from happening?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.