Question

如何修改此字段集，使其元素与下面的图片一致？

   chunk.5a440a4413fd7c136e24.js    85 KiB                4  [emitted]         vendors~UserProfile~newAssignmentCreation
   chunk.fd2741abd3006d14fb7d.js   183 KiB                7  [emitted]         UserProfile
   chunk.35f7f8b053e6a866fba3.js   270 KiB               51  [emitted]  [big]  vendors~videojs
   chunk.971dd6c17d603a344e00.js   304 KiB               27  [emitted]  [big]  newAssignmentCreation
   chunk.482317a324fe7eb00175.js   556 KiB               50  [emitted]  [big]  vendors~newAssignmentCreation
   chunk.88beb9a5fe73e416dcc6.js  2.64 MiB      0, 3, 6, 27  [emitted]  [big]  commons
   chunk.6b4af6d5fbc18fc4c58f.js  5.88 MiB  2, 4, 5, 48, 50  [emitted]  [big]  vendor

/*
MFN0634, Lab 04 (NerdLuv)
You should link to this provided stylesheet from all of your pages.
You should not need to modify this file.  Your pages should work with it as-is.
*/

* {
	font-size: 12pt;
	font-family: "Verdana", "Geneva", sans-serif;
}

a {
	color: #F44;
	text-decoration: none;
}

a:hover {
	background-color: #FFA;
}

a img {
	border: none;
}

#bannerarea {
	margin-bottom: 2em;
}

body {
	background-color: white;
	padding-left: 1em;
}

body > div, form {
	overflow: hidden;
	width: 35em;
}

div {
	overflow: hidden;
}

/* form styles */
fieldset {
	background-color: #E0E0FF;
	border: 2px outset gray;
	border-radius: 10px;
}

/* the bold text labels to the left of each form field */
fieldset strong,
ul strong,
fieldset label.left,
fieldset .column {
	float: left;
	width: 11em;
}

h1 {
	margin-top: 0em;
}

input[type="submit"] {
	background-color: #FAA;
	font-size: 120%;
	font-weight: bold;
}

legend {
	background-color: white;
	border: 2px outset gray;
	padding: 0.2em;
}

.match {
	margin-bottom: 1em;
}

.match img {
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 3em;
}

.match p {
	background-color: #E0E0FF;
	clear: left;
}

.match ul {
	padding-left: 160px;
}

ul {
	list-style-type: none;
	padding-left: 0em;
}

ul li a img {
	vertical-align: middle;
}

#w3c {
	clear: both;
}

我无法修改css文件。我试图将其分为两列，但是没有用。如果我在左侧使用标签，它将大于右侧，因此这就是我使用。

的原因。

Answer 1

<body>
    <form action="signup-submit.php" method="post" name="datiUtenti">
        <fieldset>
            <legend>New User Signup:</legend>
            <table>
                <tr>
                    <td><b>Name:</b></td>
                    <td>
                        <input type="text" name="name" />
                    </td>
                </tr>
                <tr>
                    <td><b>Gender:</b></td>
                    <td>
                        <input type="radio" name="gender" value="male"> Male
                        <input type="radio" name="gender" value="female" checked>Female</td>
                </tr>
                <tr>
                    <td> <b>Personality type:</b></td>
                    <td>
                        <input type="text" name="eta" maxlength="2" size="6" />
                        <br>
                        <input type="text" name="pt" maxlength="4" size="6" placeholder="ENTJ" />
                        <a href="http://www.humanmetrics.com/cgi-win/JTypes2.asp">
	(Don't know your type?)</a></td>
                </tr>
                <tr>
                    <td><b>Favorite OS:</b></td>
                    <td>
                        <select name="sistema">
                            <option value="linux" selected="selected">Linux</option>
                            <option value="windows">Windows</option>
                            <option value="macosx">Mac OS X</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><b>Seeking age:</b></td>
                    <td>
                        <input type="text" name="seek1" maxlength="2" size="6" placeholder="20" /> to
                        <input type="text" name="seek2" maxlength="2" size="6" placeholder="45" />
                    </td>
                </tr>

                <tr>
                    <td>
                        <input type="submit" value="Sign Up">
                    </td>
                </tr>
            </table>
        </fieldset>
    </form>
</body>

字段集元素不一致

1 个答案: