Maison > interface Web > tutoriel HTML > le corps du texte

如何让文字随着右边变化联动,而左侧随着图片动?css div标签_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:42:00
original
1375 Les gens l'ont consulté

效果是这样:

图片做背景:background:url(kx100-d-001.png) 50% 50%;

然后呢,中间是大字,居中。但是下面的小字却不需要居中,如何办?

<span style="font-family: Arial, Helvetica, sans-serif;">#sdiv { float:left; width:100%; height:100%;font-family:"黑体",Arial, Helvetica, sans-serif; font-weight:100;}</span>
Copier après la connexion
#sdiv1 {margin:10px auto 0px auto; width:100%; height:631px;padding:0px;background:url(kx100-d-001.png) 50% 50%; text-align:center;}#sdiv1 p { margin-top:30px; margin-bottom:0px; width:100%; height:auto;padding:0px; font-size:40px; color:#000}
Copier après la connexion


   

这是大字,要居中




这是小字不居中,可往左靠






很简单:只要小字不是width 100%就可以了,晕死!

版权声明:本文为博主原创文章,未经博主允许不得转载。

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!