首页 » 网站建设 » php居中代码技巧_bootstrap中modal模态框实现在页面中水平垂直居中的方法

php居中代码技巧_bootstrap中modal模态框实现在页面中水平垂直居中的方法

访客 2024-10-27 0

扫一扫用手机浏览

文章目录 [+]

#myModal{

left: 50%;

php居中代码技巧_bootstrap中modal模态框实现在页面中水平垂直居中的方法

top: 50%;

php居中代码技巧_bootstrap中modal模态框实现在页面中水平垂直居中的方法
(图片来自网络侵删)

transform: translate(-50%,-50%);

}

经由重新定义后会创造在移动端模态框的宽度太小了,我们还可以连续优化一下,设置一个最小宽度,终极代码如下:

#myModal{

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

min-width:80%;/这个比例可以自己按需调节/

}

其他须要的样式可以连续自由发挥。

【本文来自 孙琪峥博客 http://www.sunqizheng.com/,想获取更好的页面浏览效果或者有任何问题请进入博客,同时也可在博主评论区进行留言,让博主为大家答疑解惑~】

标签:

相关文章

php为无色透明技巧_水货钻石其实也还行

从各种钻石中,可以看到大大小小的“包裹体” 图片来源:参考文献包裹体的种类多样。比钻石形成更早的包裹体,叫“原生包裹体”;与钻石同...

网站建设 2024-12-19 阅读1 评论0

phpstudy发送gbk技巧_php的文件上传

这里首先声明一下这一章的内容比较多,比较难,你要抱着和自己去世磕的态度。细微之处不放过,多敲多练是王道。 学习就像爬山,得一步一步...

网站建设 2024-12-19 阅读1 评论0