[分享]css两行字占最小宽度

在CSS中，有时我们需要设置文本的最小宽度，以保证页面的美观性和可读性。对于只有两行字的文本而言，有以下方法可以让其占据最小宽度。.oneliner { display: inlineblock; p...

在CSS中，有时我们需要设置文本的最小宽度，以保证页面的美观性和可读性。对于只有两行字的文本而言，有以下方法可以让其占据最小宽度。

.one-liner {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid black;
  min-width: 100px;
}

.two-liner {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid black;
  min-width: 100px;
  line-height: 1.5;
} 

对于只有一行字的文本，我们可以直接设置最小宽度即可；而对于两行字的文本，则需要注意行高的设置，以免出现过大或过小的行高造成的问题。