Home
Sign Up
Sign In
Can I use?
›
http://caniuse.com/
Less
›
http://lesscss.org
Cool Libraries
›
Bootstrap from Twitter
›
Jetstrap
Advertisement
V2EX
›
CSS
flex 布局,如何让 div 的宽度被内容撑开超过 100%,因为 div 继承父级,所以宽度也是 100%,我希望宽度由内容决定,应该怎么做?
sevenQu
·
May 15, 2018
· 8379 views
This topic created in 3034 days ago, the information mentioned may be changed or developed.
如图一,屏幕宽度目前是 375,内容已经超过了屏幕宽度,flex 继承了父级,宽度是 100%
图二是设置了 div 的宽度为 400,所以内容可以全部放下,我希望可以由内容决定宽度,不知道如何解决
宽度
div
父级
flex
7 replies
•
2018-05-16 20:14:34 +08:00
1
rabbbit
May 15, 2018
2
给容器加上 absolute 或 float
2
newbieo0O
May 15, 2018
vw 了解一下
3
rabbbit
May 15, 2018
2
还有,要是不考虑兼容性 fit-content 也可以
4
POPOEVER
May 15, 2018
width: fit-content; 了解一下
P.S: 是不是有哪本技术书还是教程翻译老外的例子时候不小心把 wrap 写成 warp 了,发现国内很多人用 warp
5
newbieo0O
May 15, 2018
这样?
https://codepen.io/anon/pen/MGqbWx
6
newbieo0O
May 15, 2018
如果说让内容决定宽度,用 inline-flex 就可以了。
7
sevenQu
OP
May 16, 2018
@
POPOEVER
谢谢,用的 fit-content 解决了
About
·
Help
·
Advertise
·
Blog
·
API
·
FAQ
·
Privacy
·
Solana
·
2874 Online
Highest 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 0c620bea · 40ms ·
UTC 14:55
·
PVG 22:55
·
LAX 07:55
·
JFK 10:55
♥ Do have faith in what you're doing.
❯