1-4圆角案例中，宽度如何自适应？

如果不用width=500p,用padding=80px 130px,椭圆的宽就充满整个屏幕，如何包裹内容？

如果把display=inline，宽度就是自适应的了，但下面的两个小圆就不见了

还有一个问题, 不动HTML的前提下，如何把下面的img水平剧中，竖直剧中？

<section>

<div class="center">

<img>

</div>

</section>

慕盖茨3090584 2017-07-14

源自：CSS3边框与圆角 1-6 圆角案例

24

收起

1回答

卡布琦诺回答被采纳获得+3积分 2017-07-14 18:19:43

定于div盒子来说宽度不实用px做单位还可以使用%,%会根据浏览器的大小自动计算所占的百分比

水平居中可以设置margin：0 auto；垂直居中需要使用定位元素，设置top：50%；然后用margin-top设置负的高度的一半，即可，希望可以帮到你！

慕盖茨3090584 提问者 #1

谢谢，我的意思是，假如div里面有5个字，div的宽度是10px，当div里有10个字的时候，它的宽度就是20px.宽度不是根据浏览器的宽度来定，而是根据内容的宽度来定

2017-07-15 13:27:34
卡布琦诺回复提问者慕盖茨3090584 #2

这个后面学习多列就可以解决你现在的问题啦，目前阶段还是无法实现的，祝学习愉快！

2017-07-16 13:31:23
慕盖茨3090584 提问者 #3

非常感谢！

2017-07-18 18:52:22

相似问题

文本内容自适应

图像自适应

如何让宽度自适应的 div 中的ul 居中显示

页面的宽度、高度如何设置？

自适应好像适应不了

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载