简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

三列中间自适应布局(来自网易)_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:45:41
original
837 Les gens l'ont consulté

<div class="g-bd5 f-cb">    <div class="g-sd51">        <p>左侧定宽</p>    </div>    <div class="g-mn5">        <div class="g-mn5c">            <p>中间自适应</p>        </div>    </div>    <div class="g-sd52">        <p>右侧定宽</p>    </div></div>
Copier après la connexion

/* 三列中间自适应布局 */.g-bd5{margin:0 0 10px;}.g-sd51,.g-sd52{position:relative;float:left;width:230px;margin:0 -230px 0 0;}.g-sd52{float:right;width:190px;margin:0 0 0 -190px;}.g-mn5{float:left;width:100%;}.g-mn5c{margin:0 200px 0 240px;}
Copier après la connexion

 

左侧定宽

中间自适应

右侧定宽

Étiquettes associées：
三列中间自适应布局(来自网易)
source：php.cn
Article précédent：HTML数组详解_html/css_WEB-ITnose Article suivant：Margin_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
Méthode de mise en œuvre du projet pour limiter la hauteur des divs J'ai une disposition à trois colonnes où la colonne du milieu a des problèmes avec une par...
Depuis 2023-09-13 20:46:45
0
1
204
前端 - css table布局大法，解决你大部分居中、多列等高、左右布局的问题 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行不定高水平垂直居中 多行定高水平垂直居中 多行不定高水平垂直居中 多列等高布局 左边定宽右边自适应布局 左边右边定宽...
Depuis 2017-04-17 13:49:32
0
0
560
css - 如何实现四栏等宽自适应布局 面试的时候碰到的问题， 如何实现四栏等宽，中间设置一定间隙的自适应布局： 如图，在未知宽度的父容器中， 里面四列等宽，中间间隙相等，比如10px：（我目前只想到是用JS先获取父容器...
Depuis 2017-04-17 13:49:25
0
3
328
html5 - CSS中三列布局的问题 问题描述 我现在有一个三列布局，暂且以左侧A、中间B和右侧C三个区间来表示。现有要求如下： A的宽度固定，为150px C的宽度根据内容自动撑开，也就是刚好包裹住其内容， 右侧有1...
Depuis 2017-04-17 11:23:45
0
3
823
javascript - 有关 css 方面的问题，三列布局，中间不定宽自动改变宽度，两边自适应。 希望得到大家的帮助~需要实现一个这样的效果： 中间的内容可以是 React 组件，可以是文字等任意的东西，提前不知道它的宽度值。两边的线等长，随着中间的内容增加或者减少进行改变，但...
Depuis 2017-04-11 11:05:16
0
9
603
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
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！