C#怎么能使button按钮上的文字垂直居中显

发布网友发布时间：2022-05-02 18:31

共2个回答

懂视网时间：2022-04-20 20:25

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

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
 <style type="text/css">
 p,input,button{
  text-align: center;
 　　}
 </style>
</head>
<body>
 <p>你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊</p>
 <input type="button" value="点我握手哦"/><br/>
 <button type="button">点我呀</button>
</body>
</html>

页面效果（p标签居中了，但是按钮不居中，创建按钮可以用input和button标签）：

button按钮居中的方法

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
 <style type="text/css">
 /*p,input,button{
  text-align: center;
 }*/
 p{
  text-align: center;
 }
 </style>
</head>
<body>
 <p>
 <p>你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊</p>
 <input type="button" value="点我握手哦"/><br/>
 <button type="button">点我呀</button>
 </p>
</body>
</html>

页面效果：

button按钮居中的方法

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

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

热心网友时间：2022-04-20 17:33

C#中设置按钮文字垂直居中显示的方法如下

myButton.TextAlign = MiddleCenter; //垂直居中

其余的位置如下

myButton.TextAlign = TopLeft;//上左
myButton.TextAlign = TopCenter;//上中
myButton.TextAlign = TopRight;//上右
myButton.TextAlign = MiddleLeft;//中左
myButton.TextAlign = MiddleRight;//中右
myButton.TextAlign = BottomLeft;//下左
myButton.TextAlign = BottomCenter;//下中
myButton.TextAlign = BottomRight;//下右

最简单的方法,就是在IDE中,选择按钮,按F4 ,然后对TextAlign属性进行修改,(默认就是垂直居中)