在课设中我主要负责的是前端页面css样式的设计,下面是让我抓狂的居中问题(之前不知道为啥写上了,但是它就是不能居中就是居中,哭辽)
水平居中:
文字居中:
#newsleft{
background-color:#ACD6FF;
border:1px solid black;
border-radius: 15px;
font-family: "楷体";
**text-align: center;**
position:fixed;
height: inherit;
width: 20%;
float: left;
}
图片居中:
#newsleft img{
**padding:0; margin:0;**
border-radius: 10px;
width:100%;
}
div居中:
#choice{
background-color:#ACD6FF;
margin: 0 auto;
width:100%;
height: 5rem;
bottom:0px;
text-align:center;
}
垂直居中:
注意:vertical生效的前提是元素的display:inline-block
display:inline-block;
vertical-align:middle;