Html 平面线形<；输入>；及<；表>；
我有以下代码和一些输入字段和一个计算器。要在我的网站上水平对齐，在移动版上应该垂直对齐。我附上了一些图片以供说明 问题可能是，有不止一个表，并且与输入字段组合在一起。我在代码中尝试了很多编辑，但都无法解决它。因此，我附加了我试图修改的初始代码。 我是初学者，非常感谢您的支持Html 平面线形<；输入>；及<；表>；,html,Html,我有以下代码和一些输入字段和一个计算器。要在我的网站上水平对齐，在移动版上应该垂直对齐。我附上了一些图片以供说明 问题可能是，有不止一个表，并且与输入字段组合在一起。我在代码中尝试了很多编辑，但都无法解决它。因此，我附加了我试图修改的初始代码。 我是初学者，非常感谢您的支持 雷奇纳 雷奇纳 一些js abc 比特·福根德·费尔德·埃尔甘赞： def/Monat 安扎尔迪夫酒店 +洛恩布查尔东： 青年成就 不 +defeer/MwSt： 青年成就 不 +埃因格施恩克特·德菲尔 青年
雷奇纳
雷奇纳
一些js
abc
比特·福根德·费尔德·埃尔甘赞：
def/Monat
安扎尔迪夫酒店
+洛恩布查尔东：
青年成就
不
+defeer/MwSt：
青年成就
不
+埃因格施恩克特·德菲尔
青年成就
不
+贾瑞斯布施劳斯
青年成就
不
text718:
0
Für deine Berechnungen zu Diensten
一些js
.规格名称{
边缘底部：10px；
文本对齐：居中；
宽度：210px；
颜色：1b365d；
}
.spec输入[type=“button”]
{
背景色：#1b365d；
颜色：白色；
边框：纯黑2px；
宽度：100%
}
.spec输入[type=“text”]
{
背景色：白色；
边框：纯黑2px；
文本对齐：右对齐；
宽度：100%；
高度：45像素
}
.规格中心{
左边距：自动；
右边距：自动；
}
}
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>rechner</title>
</head>
<body>
<img src="images/calc.png">
<div style="margin-left: 50px;">
<p></p>
<h3> abc</h3>
</div>
<div align="left">
<div id="calclpayment" style="float:right">
<form>
<strong>
<br />
Bitte folgende Felder ergänzen:</strong> <br />
<br />
<table width="100%" align="left">
<td width="50">
<div align="left"> def/Monat</div>
</td>
<td width="40"><input type="text" size="6" name="def" /></td>
</tr>
<tr>
<td>
<div align="left"> Anzahl defe</div>
</td>
<td><input type="text" size="6" name="defe" /> </td>
<td width="40"></td>
</tr>
<tr>
<td height="24">
<div align="left"> + Lohnbuchhaltung:</div>
</td>
<td>
<div align="left">
<select name="lbh">
<option value=1>Ja</option>
<option value=0>Nein</option>
</select>
</div>
</td>
</tr>
<tr>
<td height="24">
<div align="left"> + defeer/MwSt:</div>
</td>
<td>
<div align="left">
<select name="steuer">
<option value=1>Ja</option>
<option value=0>Nein</option>
</select>
</div>
</td>
</tr>
<tr>
<td height="24">
<div align="left"> + eingeschränkte defeere</div>
</td>
<td>
<div align="left">
<select name="rev">
<option value=1>Ja</option>
<option value=0>Nein</option>
</select>
</div>
</td>
</tr>
<tr>
<td height="24">
<div align="left"> + Jahresabschluss</div>
</td>
<td>
<div align="left">
<select name="jr">
<option value=1>Ja</option>
<option value=0>Nein</option>
</select>
</div>
</td>
</tr>
<tr>
<td> </td>
<td><input name="Input" type="button" value="Preis berechnen" onclick="calcpayments()" /></td>
</tr>
</table>
<br />
<b> text718:</b> <br />
<br />
<div id="monthlypayment" style="font-size: 25px;background-color:#1b365d;
font-weight: bold; width: 150px; padding: 5px; color:#FFF;">
0 </div>
</form>
</div>
<h3>
<p style="text-align:center">Für deine Berechnungen zu Diensten!</p>
</h3>
<!-- Calculator Start Here -->
<script>
//some js
</script>
<!-- for styling -->
<style>
.spec .title{
margin-bottom: 10px;
text-align:center;
width: 210px;
color:#1b365d;
}
.spec input[type="button"]
{
background-color:#1b365d;
color: white;
border: solid black 2px;
width:100%
}
.spec input[type="text"]
{
background-color:white;
border: solid black 2px;
text-align:right;
width:100%;
height:45px
}
.spec .center {
margin-left: auto;
margin-right: auto;
}
}
</style>
<!-- create table -->
<div class="spec" style="float:left">
<div class=title></div>
<table border="1" class="center">
<tr>
<td colspan="3"><input type="text" id="result" /></td>
<!-- clr() function will call clr to clear all value -->
<td><input type="button" value="c" onclick="clr()" /></td>
</tr>
<tr>
<!-- create button and assign value to each button -->
<!-- dis("1") will call function dis to display value -->
<td><input type="button" value="1" onclick="dis('1')" /> </td>
<td><input type="button" value="2" onclick="dis('2')" /> </td>
<td><input type="button" value="3" onclick="dis('3')" /> </td>
<td><input type="button" value="/" onclick="dis('/')" /> </td>
</tr>
<tr>
<td><input type="button" value="4" onclick="dis('4')" /> </td>
<td><input type="button" value="5" onclick="dis('5')" /> </td>
<td><input type="button" value="6" onclick="dis('6')" /> </td>
<td><input type="button" value="-" onclick="dis('-')" /> </td>
</tr>
<tr>
<td><input type="button" value="7" onclick="dis('7')" /> </td>
<td><input type="button" value="8" onclick="dis('8')" /> </td>
<td><input type="button" value="9" onclick="dis('9')" /> </td>
<td><input type="button" value="+" onclick="dis('+')" /> </td>
</tr>
<tr>
<td><input type="button" value="." onclick="dis('.')" /> </td>
<td><input type="button" value="0" onclick="dis('0')" /> </td>
<!-- solve function call function solve to evaluate value -->
<td><input type="button" value="=" onclick="solve()" /> </td>
<td><input type="button" value="x" onclick="dis('*')" /> </td>
</tr>
</table>
</div>
</body>
</html>
雷奇纳
abc
比特·福根德·费尔德·埃尔甘赞：
def/Monat
安扎尔迪夫酒店
+洛恩布查尔东：
青年成就
不
+defeer/MwSt：
青年成就
不
+埃因格施恩克特·德菲尔
青年成就
不
+贾瑞斯布施劳斯
青年成就
不
text718:
0
Für deine Berechnungen zu Diensten
//一些js
.规格名称{
边缘底部：10px；
文本对齐：居中；
宽度：210px；
颜色：1b365d；
}
.spec输入[type=“button”]
{
背景