Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > 如何让文字随着右边变化联动，而左侧随着图片动？css div标签_html/css_WEB-ITnose

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

WBOY

Freigeben： 2016-06-24 11:42:00

Original

1436 Leute haben es durchsucht

效果是这样：

图片做背景：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>

Nach dem Login kopieren

#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}

Nach dem Login kopieren

这是大字，要居中

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

很简单：只要小字不是width 100%就可以了，晕死！

Verwandte Etiketten：

如何让文字随着右边变化联动，而左侧随着图片动？css div标签

Quelle：php.cn

Vorheriger Artikel：CSS3实现整屏切换效果_html/css_WEB-ITnose Nächster Artikel：css兼容tooltip提示框方法_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors