CSS中UL右對齊的寫法

在CSS中，要實(shí)現(xiàn)UL元素的右對齊，可以通過設(shè)置其浮動(dòng)屬性來實(shí)現(xiàn)，具體步驟如下：

1、給UL元素添加一個(gè)新的樣式類名，例如right-align。

2、在CSS樣式表中添加一個(gè)新的樣式規(guī)則，該規(guī)則將應(yīng)用這個(gè)新的樣式類名，并設(shè)置float屬性為right。

.right-align {
    float: right;
}

3、在HTML文檔中找到需要右對齊的UL元素，并添加這個(gè)新的樣式類名。

<ul class="right-align">
    <li>項(xiàng)目1</li>
    <li>項(xiàng)目2</li>
    <li>項(xiàng)目3</li>
    <li>項(xiàng)目4</li>
    <li>項(xiàng)目5</li>
    <li>項(xiàng)目6</li>
    <li>項(xiàng)目7</li>
    <li>項(xiàng)目8</li>
    <li>項(xiàng)目9</li>
    <li>項(xiàng)目10</li>
    <li>項(xiàng)目11</li>
    <li>項(xiàng)目12</li>
    <li>項(xiàng)目13</li>
    <li>項(xiàng)目14</li>
    <li>項(xiàng)目15</li>
    <li>項(xiàng)目16</li>
    <li>項(xiàng)目17</li>
    <li>項(xiàng)目18</li>
    <li>項(xiàng)目19</li>
    <li>項(xiàng)目20</li>
    <li>項(xiàng)目21</li>
    <li>項(xiàng)目22</li>
    <li>項(xiàng)目23</li>
    <li>項(xiàng)目24</li>
    <li>項(xiàng)目25</li>
    <li>項(xiàng)目26</li>
    <li>項(xiàng)目27</li>
    <li>項(xiàng)目28</li>
    <li>項(xiàng)目29</li>
    <li>項(xiàng)目30</li>
    <li>項(xiàng)目31</li>
    <li>項(xiàng)目32</li>
    <li>項(xiàng)目33</li>
    <li>項(xiàng)目34</li>
    <li>項(xiàng)目35</li>
    <li>項(xiàng)目36</li>
    <li>項(xiàng)目37</li>
    <li>項(xiàng)目38</li>
    <li>項(xiàng)目39</li>
    <li>項(xiàng)目40</li>
    <li>項(xiàng)目41</li>
    <li>項(xiàng)目42</li>
    <li>項(xiàng)目43</li>
    <li>項(xiàng)目44</li>
    <li>項(xiàng)目45</li>
    <li>項(xiàng)目46</li>
    <li>項(xiàng)目47</li>
    <li>項(xiàng)目48</li>
    <li>項(xiàng)目49</li>
    <li>項(xiàng)目50</li>
    <li>項(xiàng)目51</li>
    <li>項(xiàng)目52</li>
    <li>項(xiàng)目53</li>
    <li>項(xiàng)目54</li>
    <li>項(xiàng)目55</li>
    <li>項(xiàng)目56</li>
    <li>項(xiàng)目57</li>
    <li>項(xiàng)目58</li>
    <li>項(xiàng)目59</li>
    <li>項(xiàng)目60</li>
    <li>項(xiàng)目61</li>
    <li>項(xiàng)目62</li>
    <li>項(xiàng)目63</li>
    <li>項(xiàng)目64</li>
    <li>項(xiàng)目65</li>
    <li>項(xiàng)目66</li>
    <li>項(xiàng)目67</l