css中让文字居中加粗
时间: 2023-11-14 10:22:35 浏览: 29
可以使用以下CSS代码来让文字居中加粗:
```
text-align: center; /*让文字居中*/
font-weight: bold; /*让文字加粗*/
```
你也可以将这两个属性合并成一个,像这样:
```
font: bold 16px/1.5 sans-serif; /*16px为字体大小,1.5为行高,sans-serif为字体类型*/
text-align: center; /*让文字居中*/
```
相关问题
div 文字居中加粗css样式怎么写
要让`<div>`中的文本居中并加粗,可以使用以下CSS代码:
```css
div {
text-align: center;
font-weight: bold;
}
```
这将使`<div>`中的所有文本居中并加粗。如果您只想让某个特定的文本居中并加粗,而不是整个`<div>`,则可以给该文本添加一个类并将上面的CSS代码应用于该类:
```css
.center-bold {
text-align: center;
font-weight: bold;
}
```
然后,在HTML中将类应用于文本所在的`<div>`元素:
```html
<div class="center-bold">
这段文字将居中并加粗。
</div>
```
移动端文字不居中,不加粗
移动端文字不居中、不加粗的原因可能是样式设置不正确或者是屏幕尺寸不同导致的。可以尝试以下方法进行调整:
1. 设置样式:在移动端添加样式,例如使用 CSS 属性 text-align:center; 可以让文字居中显示,而 font-weight:normal; 可以取消加粗效果。
2. 使用媒体查询:使用媒体查询可以根据屏幕尺寸不同设置不同的样式,例如针对小屏幕设备可以设置不加粗的样式。
3. 调整布局:如果文字不居中可能是因为布局不合适,可以尝试调整布局,例如使用 flex 布局等。
希望能帮到你解决问题。