如何实现Div根据内容垂直收缩且最大占容器50%？

Below are key Markdown formatting rules along with practical examples:

Headings #

Use number signs (#) to define hierarchical heading levels. The number of # characters corresponds to the heading size:

• # Level 1 Heading → # Level 1 Heading
• ## Level 2 Heading → ## Level 2 Heading
• ### Level 3 Heading → ### Level 3 Heading

List Items #

Start unordered list items with dashes (-). Nest items by indenting them:

• Main task 1
• Main task 2
  • Sub-task A
  • Sub-task B

Text Emphasis #

Wrap text with asterisks to add emphasis:

• Italicized text (uses single asterisks: *text*)
• Bold text (uses double asterisks: **text**)

Code & Commands #

Use backticks for inline code, or triple backticks for multi-line code blocks:

• Inline command: npm install
• Multi-line code block:

  function greet(name) {
    return `Hello, ${name}!`;
  }
  

Quoted Text #

Use a greater than sign (>) to create block quotes:

Creativity is just connecting things. — Steve Jobs

Links #

Format links with display text in square brackets, followed by the target path/URL in parentheses:
Project README

Images #

Use square brackets for descriptive alt text, then the image path in parentheses:

内容的提问来源于stack exchange，提问作者epatmalnieks