Question

HTML中设置鼠标点击改变样式，如何让里面的文字居中？

代码：.ddd:hover{ background-color:orange; display:inline-block; /* width:100px; */ height:30px; text-align:center; line-height:30px; color:white;/* 给导航栏设置鼠标经过的样式 */ }鼠标点击之后让区域内的文字居中，我这个是右对齐。各位大佬帮我看看，谢谢啦！

Answer 1

鼠标点击的样式hover 居中使用text-align:center
1、:hover CSS伪类适用于用户使用指示设备虚指一个元素（没有激活它）的情况。这个样式会被任何与链接相关的伪类重写
2、text-align CSS属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。

Answer 2

点击的话就需要使用js了，首先获取当前dom 然后绑定点击事件，点击之后修改这个白色背景的盒子的margin: 0 auto;