div内容文字自适应

神马都不用说了

先来张图

下面是代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.mDiv{
				background-color: red;
				width: 100%;
				height: 40px;
				line-height: 40px;
				color: black;
				font-size: 20px;
				display: inline;
				padding: 10px 15px;
				border-radius: 25px;
				margin-left: 20px;
			}
		</style>
	</head>
	<body>
		<div class="mDiv">
			div里面的文字自适应
		</div>
		<div class="mDiv">
			div里面的文字自适应 div里面的文字自适应 div里面的文字自适应 div里面的文字自适应
		</div>
	</body>
</html>

来源：CSDN

作者：chmod_R_755

链接：https://blog.csdn.net/chmod_R_755/article/details/72842774

标签

自适应

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!