Home > front end >  Want to know how the characters in the first three rows
Want to know how the characters in the first three rows

Time：09-21



<meta charset="utf-8" & gt;
CSS style unit operation & lt;/title> <br/><style type="text/css"> <br/>Table {<br/>width: 300px; <br/>}<br/>Tr: the NTH - child (odd) {<br/>Background - color: # 3 cc. <br/>color: black; <br/>font-size: 18px; <br/>text-align: center; <br/>}<br/>Tr: the NTH - child (even) {<br/>background-color: black; <br/>color: white; <br/>font-size: 12px; <br/>}<br/>A {<br/>text-decoration: none; <br/>color: white; <br/>}<br/>A: hover {<br/>background-color: white; <br/>color: black; <br/>}<br/>. None {list - style - type: none; }<br/></style> <br/></head> <br/><body> <br/><Table> <br/><tr> <br/><td> The most classic foreign literary classics & lt;/td> <br/></tr> <br/><tr> <br/><td> <br/><Ul & gt; <br/><Li> <A href="https://bbs.csdn.net/topics/" & gt; In Greek mythology, the treasure of ancient Greek civilization & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; Aesop's fables -- a classic fable stories & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; Homer - which historic literary gems & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; The model of Oedipus the king, the ancient Greek tragedy & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; The bible - Christian classic & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; The treasure of genji monogatari - Japanese classic literature & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; Divine comedy - medieval great poems & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; Decameron -- Europe's first realistic novel & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; Columns that fox story - the great French saga folk poem & lt;/a & gt; </li> <br/><Li> <A href="https://bbs.csdn.net/topics/#" & gt; The giant pass - a bizarre humor novel & lt;/a & gt; </li> <br/></ul> <br/></td> <br/></tr> <br/></table> <br/></body> <br/></html><p class="article - content rp"> CodePudding user response: </p>Haven't seen you say three characters, set the line height, see below <br/><br/><br/><br/><br/>width: 300px; Child (odd) {} tr: NTH - <br/>Background - color: # 3 cc. color: black; font-size: 18px; text-align: center; height:50px; }<p class="article - content rp"> CodePudding user response: </p><fieldset> <legend> reference 1st floor horizon_zpy response: <legend> <blockquote> didn't see you say three characters, set the line height, see below <br/><br/><br/><br/><br/>width: 300px; Child (odd) {} tr: NTH - <br/>Background - color: # 3 cc. color: black; font-size: 18px; text-align: center; height:50px; } </blockquote> <fieldset> <br/>Three characters are height: 50 px </div> <div class="th_page th_page_color"></div> <div class="umCopyright"> <p>Page link：<a href="/frontend/18966.html" target="_blank" style="color:#999">https//www.codepudding.com/frontend/18966.html</a></p> </div> <div class="detail-arr"> <div class="detail-arr-left">Prev:<a href='/frontend/18965.html'>As shown in the code to add a listener</a></div> <div class="detail-arr-right">Next:<a href='/frontend/18967.html'>JavaScript object</a></div> </div> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="hot-tags neitags"> <ul> <li><i class="iconfont icon-x-tags"></i> Tags：  </li> <a href='/e/tags/?tagname=HTML+%28CSS%29' target='_blank'>HTML (CSS)</a> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="xiangguan"> <ul class="msg msghead"> <li class="tbname">Related</li> </ul> <ul> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="flinks"> <ul> <li><i class="iconfont icon-x-tags"></i> Links：  </li> <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span>  <a href="https://www.codepudding.com/contact.html">Contact Us</a>      <a href="https://www.codepudding.com/service.html">Terms of Service</a>      <a href="https://www.codepudding.com/privacy.html"> Privacy Policy</a></p> <p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p> </div> <script type="text/javascript" src="/skin/code/tianhu.js"></script> </body></html>