1

以网页为中心有一个小问题。当我希望它们居中并位于列表项之前，我的项目符号点与左侧对齐。

http://web.engr.oregonstate.edu/~todtm/Assignment1.htm

列表的代码是非常基本的样板代码：

<center>
    <ul>
         <li>CS 325: Analysis of Algorithms</li>
         <li>CS 361: Software Engineering I</li>
         <li>CS 372: Intro to Computer Networks</li>
    </ul>
</center>
4

1 回答 1

3

在 HTML 中不推荐使用 center 标记。另一种可能的方法（或类似的方法）是将它放在一个固定宽度的 div 中，margin: 0 auto。这是一个快速的小提琴。

<body>
<div style="
margin: 0 auto;
width: 400px;
text-align: center;">
<h1>Marshall Todt</h1>
<br>
<br>

<table align="center" border="1">
    <tbody><tr><td colspan="2">My Favorite Courses and Instructors</td></tr>
    <tr><td>Course</td><td>Instructor</td></tr>
    <tr><td>CS 165</td><td>Joseph Jess</td></tr>
    <tr><td>CS 494</td><td>Justin Wolford</td></tr>
</tbody></table>

<ul style="list-style-position: inside">
    <li>CS 325: Analysis of Algorithms</li>
    <li>CS 361: Software Engineering I</li>
    <li>CS 372: Intro to Computer Networks</li>
</ul>

<form method="post" action="submit.php">
<p class="legend">Rate a Class</p>
<fieldset id="Rating">
<label>Course:</label><input type="text" name="class" size="30"><br>
<p id="rating"><label>Rating: </label><select name="rating">
    <option value="5">5 (highest)</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1 (lowest)</option>
</select></p>
<p id="buttons"><input type="submit" value="Submit"></p>
</fieldset>
</form>
</div>

于 2013-07-03T01:40:59.783 回答