Her divanda ortada merkezlenmiş input
alanlarına sahip olmak istiyorum. vertical-align: middle
ya her div veya input
kullanma color-1
color-2
color-3
çalışmıyor.Bir div içinde dikey olarak orta giriş
html, body {
height: 100%;
margin: 0;
padding: 0;
}
input[type="text"] {
width:150px;
height: 30px;
text-align: center;
}
#color-1 {
height: 33%;
background: {{yourName}};
text-align: center;
vertical-align: middle;
}
#color-2{
height: 33%;
background: {{color_2}};
text-align: center;
vertical-align: middle;
}
#color-3{
height: 33%;
background: {{color_3}};
text-align: center;
vertical-align: middle;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div id="color-1">
<input type="text" ng-model="color_1" placeholder="Enter Color #1">
<h1>{{color_1}}</h1>
</div>
<div id="color-2">
<input type="text" ng-model="color_2" placeholder="Enter Color #2">
<h1>{{color_2}}</h1>
</div>
<div id="color-3">
<input type="text" ng-model="color_3" placeholder="Enter Color #3">
<h1>{{color_3}}</h1>
</div>
bunu anlamak için bir jsfiddle yapın, böylece kolay anlaşılır –
http: // stackover flow.com/questions/4466596/css-how-to-align-vertically-a-label-and-input-inside-a-div – trainoasis