sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > button按钮居中的方法

button按钮居中的方法

作者:xuhongji发布时间:2020-09-08分类:Html浏览:192评论:0


导读:今天在写页面时,发现给button按钮设置居中时,css页面写了text-align="center",但是不起作用,用了display属性也无作用,试了好多次发...
今天在写页面时,发现给button按钮设置居中时,css页面写了text-align="center",但是不起作用,用了display属性也无作用,试了好多次发现要给button按钮添加个p,然后让p居中就可以了。以下写个test来说明下:




    
    
    


    

你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊


页面效果(p标签居中了,但是按钮不居中,创建按钮可以用input和button标签):




    
    
    


    

你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊


页面效果:

第一次写博客,也是前端新手,如有不当之处,欢迎指正,谢谢

更新下:因为下面第一条评论的小伙伴的指教,再加点,text-align: 属性规定元素中的文本的水平对齐方式, 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式,对于input/button/img等标签也可以设置display:block属性使其变成块级元素,再加上width,margin:0 auto;来实现居中。

以上就是button按钮居中的方法的详细内容,更多请关注 第一PHP社区 其它相关文章!


欢迎 发表评论:

Html排行
«   2021年1月   »
123
45678910
11121314151617
18192021222324
25262728293031
标签列表
网站分类
文章归档
最近发表
推荐文章