我有以下代码(JSFiddle):
HTML:
New Diagnosis
My Diagnosises
My Account
CSS:
#mainMenuBar {
background: linear-gradient(to bottom right, #30273a, #8d78a5);
padding: 5px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
resize: none;
border:1px solid #30273a;
box-shadow: 0 0 10px #8d78a5;
border-radius: 15px 15px 15px 15px;
}
#content {
margin: 0 auto;
margin-top: 100px; // former 250px
padding: 0;
width: 750px;
max-width: 80%;
padding-bottom: 40px;
text-align: center;
}
JS:
$( ".jqueryUIButton" ).button();
现在,这三个按钮位于DIV-Box的水平中心.但是我希望它们在整个宽度上均匀分布.我怎样才能做到这一点?
希望有任何建议.谢谢!
解决方法:
display: flex;
justify-content: space-around;
您还可以使用间距,并使用边距和填充进行微调.
标签:css,html,javascript,jquery
来源: https://codeday.me/bug/20191027/1941766.html