diff options
| author | xoyimi <48340615+xoyimi@users.noreply.github.com> | 2021-10-18 09:15:55 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-18 09:15:55 +0800 |
| commit | 2a587b44f59b5cd9574555136d503a9d1dc83a1f (patch) | |
| tree | 753bd494c5b86663656f7fb5fb76db9eae973f29 | |
| parent | 6f9561c0fd29323f852f6f9a25b3193c1810b18f (diff) | |
| download | translated-content-2a587b44f59b5cd9574555136d503a9d1dc83a1f.tar.gz translated-content-2a587b44f59b5cd9574555136d503a9d1dc83a1f.tar.bz2 translated-content-2a587b44f59b5cd9574555136d503a9d1dc83a1f.zip | |
Improve Learn/CSS/Building_blocks/Sizing_items_in_CSS, zh-CN (#2684)
* Update index.html
More precise description.
* Update index.html
| -rw-r--r-- | files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html index 0981cefa1d..a6c4c9dac1 100644 --- a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html +++ b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html @@ -56,9 +56,9 @@ translation_of: Learn/CSS/Building_blocks/Sizing_items_in_CSS <p>{{EmbedGHLiveSample("css-examples/learn/sizing/percent-mp.html", '100%', 700)}}</p> -<p>例如，你也许会希望上下的外边距是元素高的一个百分数，左右外边距是元素宽的百分数。但是，情况不是这样的！</p> +<p>或许，你期望元素的上下外边距是其高度的百分比，元素的左右外边距是其宽度的百分比。但情况并非如此！</p> -<p>当你用百分数设定内外边距的时候，值是以<strong>内联尺寸</strong>进行计算的，也即对于左右书写的语言来说的宽度。在我们的例子里面，所有的内外边距是这一宽度的10%，也就是说，你可以让盒子周围的内外边距大小相同。在你以这种方式使用百分数的时候，这是一个需要记住的事实。</p> +<p>使用百分比作为元素外边距（ margin ）或填充（ padding ）的单位时，值是以包含块的<strong>内联尺寸</strong>进行计算的，也就是元素的水平宽度。在我们的示例中，所有的外边距或填充都是宽度的10%。请记住一个事实，当你使用百分比作为元素外边距或填充的单位时，你将得到一个相同尺寸的外边距或填充。</p> <h2 id="min-和max-尺寸">min-和max-尺寸</h2> |