如何使标题在媒体尺寸中居中？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何使标题在媒体尺寸中居中？

P粉316110779 2024-02-26 10:05:23

[CSS3讨论组]

646

我想放置一个以常规尺寸居中的媒体尺寸，当我将其最大宽度更改为 480 时，标题位于左侧。

但它粘在左边。如何更改代码，使标题在媒体大小时位于中间？

caption {
   font-family: "Rock Salt", cursive;
   padding: 20px;
   font-style: italic;
   caption-side: Top;
   color: #666;
   text-align: center;
   letter-spacing: 1px;
 }




@media only screen and (max-width: 480px) {
  caption {
    caption-side: Top;
    text-align: center;
    letter-spacing: 1px;
  }

<section id="right"> 
        <table> 
           <caption>Books everyone will enjoy!</caption> 
           <thead> 
              <th colspan="4">Recommended childrens books!</th> 
              <th colspan="2" style="display: none">Recommended childrens books!</th> 
              <tr> 
                 <th colspan="1">Front of the book</th> 
                 <th colspan="1">Title of the book</th> 
                 <th colspan="1">Authors</th> 
                 <th colspan="1">Book Summary</th> 
             </tr> 
           </thead>

P粉316110779

全部回复(1)

P粉2390894432024-02-27 00:57:01 1楼

您需要将块元素居中：

@media only screen and (max-width: 480px) {
   caption {
      caption-side: Top;
      text-align: center;
      letter-spacing: 1px;
      margin:0 auto;
}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>