bootstrap

努力的欢欢 2020-06-24 12:12:01
如下图所示,我怎么把整个容器居中 ,我目前是按照自己的屏幕分辨率设置的margin,但是如果别人的笔记本分辨率没我这么大,岂不是
没有居中了,有什么别的办法吗?
ps:本人java开发,前端小白,望理解,谢谢

...全文
8613 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
前端韭菜 2020-06-24
  • 打赏
  • 举报
回复
水平居中也就是设置margin:0 auto; 水平垂直都居中可以用flex布局,父元素设置display:flex;align-items:center;justify-content:center ; 或者使用定位position 至于屏幕适应可以采用楼上的bootstrap布局,或者盒子宽度不要写死,使用百分比 或者响应式布局都可以
jio可 2020-06-24
  • 打赏
  • 举报
回复
用的bootstrap直接用class控制就行了。 col-xs-12 最小屏满屏 col-sm-12 小屏满屏 col-md-10 col-md-offset-1 中屏居中 左右填充1个位置 col-lg-8 col-lg-offset-2大屏居中 左右填充2个位置 可以按照自己的布局配置填充
jio可 2020-06-24
  • 打赏
  • 举报
回复

.container {
 width: 800px;
 margin:170px auto 0 auto;
 text-align:center;
}
固定一个宽度左右自动填充

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧