css div宽度根据文字多少自适应
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css div宽度根据文字多少自适应相关的知识，希望对你有一定的参考价值。
参考技术A width:auto就可以，或者display：inline-block改为行内块css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度
2列布局，左侧定宽，右侧宽度为100%，就能自适应。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>两列布局</title>
<style>
.container
width: 80%;
height: 600px;
border: 10px solid lightslategray;
margin: 0 auto;
.left,.right
/* 将块级元素呈现水平方向的排列效果 */
float: left;
.left
/* 定宽 - 宽度值确定不变的 */
width: 25%;
height: 600px;
background-color: lightcoral;
.right
width: 75%;
height: 600px;
background-color: lightseagreen;
</style>
</head>
<body>
<!-- 容器 -->
<div class="container">
<!-- 两列 - 定宽 -->
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
贴一种给你，我这边有6种实现方法。
参考技术A 右边DIV宽度设为自动就可以了以上是关于css div宽度根据文字多少自适应的主要内容，如果未能解决你的问题，请参考以下文章
css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度