CSS1 ਤੋਂ ਸਪਸ਼ਟ CSS ਵਿਸ਼ੇਸ਼ਤਾ CSS ਦਾ ਹਿੱਸਾ ਰਹੀ ਹੈ ਇਹ ਤੁਹਾਨੂੰ ਦੱਸਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਕਿ ਤੱਤ ਕਿਵੇਂ ਤਲ ਦੇ ਤੱਤ ਦੇ ਕੋਲ ਫਲੋਟ ਕਰ ਸਕਦੇ ਹਨ ਅਤੇ ਕਿਸ ਪਾਸੇ (ਸਾਈਜ਼) ਹਨ. ਸਪੱਸ਼ਟ ਸੰਪੱਤੀ ਵਿੱਚ ਪੰਜ ਸੰਭਵ ਮੁੱਲ ਹਨ:
- ਕੋਈ ਨਹੀਂ
- ਖੱਬੇ
- ਸੱਜੇ
- ਦੋਵੇਂ
- ਪ੍ਰਾਪਤ ਕਰੋ
CSS ਸਪੱਸ਼ਟ ਸੰਪੱਤੀ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
ਸਪੱਸ਼ਟ ਸੰਪੱਤੀ ਨੂੰ ਵਰਤਣ ਦਾ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਤੱਤ 'ਤੇ ਇੱਕ ਫਲੋਟ ਦੀ ਜਾਇਦਾਦ ਦਾ ਪ੍ਰਯੋਗ ਕਰਦੇ ਹੋ. ਉਦਾਹਰਣ ਲਈ:
ਮੇਰੇ ਚਿੱਤਰ ਦੇ ਅਗਲੇ ਪਾਠ
ਉਹ ਟੈਕਸਟ ਜੋ ਮੇਰੀ ਤਸਵੀਰ ਦੇ ਹੇਠਾਂ ਹੈ
ਸਾਰੇ ਤੱਤਾਂ ਨੂੰ ਡਿਫਾਲਟ ਕਰਨ ਲਈ: ਕੋਈ ਨਹੀਂ; , ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਹੋਰ ਤੱਤਾਂ ਨੂੰ ਕਿਸੇ ਹੋਰ ਦੇ ਨਾਲ ਫਲੋਟ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦੇ, ਤਾਂ ਤੁਹਾਨੂੰ ਸਾਫ਼ ਸਟਾਈਲ ਬਦਲਣੀ ਪਵੇਗੀ.
ਜਦੋਂ ਤੁਸੀਂ ਫਲੋਟਾਂ ਨੂੰ ਕਲੀਅਰ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਆਪਣੇ ਫਲੋਟ ਨੂੰ ਸਾਫ ਕਰਦੇ ਹੋ. ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਤੱਤ ਨੂੰ ਖੱਬੇ ਪਾਸੇ ਚਲਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਖੱਬੇ ਪਾਸੇ ਵੱਲ ਸਾਫ਼ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਤੁਹਾਡਾ ਆਰਜੀ ਤੱਤ ਫਲੋਟ ਵਿਚ ਜਾਰੀ ਰਹੇਗਾ, ਪਰ ਸਾਫ਼ ਤੱਤ ਅਤੇ ਇਸ ਤੋਂ ਬਾਅਦ ਸਭ ਕੁਝ ਇਸਦੇ ਹੇਠਾਂ ਵੈਬ ਪੇਜ ਤੇ ਦਿਖਾਈ ਦੇਵੇਗਾ.
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਤੱਤ ਜੋ ਸੱਜੇ ਅਤੇ ਖੱਬੀ ਦੋਹਾਂ ਪਾਸੇ ਚਲਾਉਂਦੇ ਹਨ, ਤਾਂ ਤੁਸੀਂ ਕੇਵਲ ਇੱਕ ਪਾਸੇ ਸਾਫ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਤੁਸੀਂ ਦੋਵੇਂ ਸਾਫ਼ ਕਰ ਸਕਦੇ ਹੋ.
ਲੇਆਉਟ ਵਿਚ ਸਾਫ ਕਰਨਾ
ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਜ਼ਿਆਦਾਤਰ ਡਿਜ਼ਾਇਨਰ ਸਪੱਸ਼ਟ ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਪੇਜ ਐਲੀਮੈਂਟਸ ਦੇ ਲੇਆਉਟ ਵਿੱਚ . ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਚਿੱਤਰ ਟੈਕਸਟ ਦੇ ਅੰਦਰ ਫਲੋਟਿੰਗ ਹੋ ਸਕਦਾ ਹੈ ਅਤੇ ਅਗਲੇ ਪੈਰਾ ਨੂੰ ਚਿੱਤਰ ਦੇ ਹੇਠਾਂ ਸ਼ੁਰੂ ਕਰਨਾ ਚਾਹੇਗਾ, ਜਾਂ ਤੁਹਾਡੇ ਕੋਲ ਟੈਕਸਟ ਦਾ ਇੱਕ ਪੂਰਾ ਕਾਲਮ ਹੋ ਸਕਦਾ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਟੈਕਸਟ ਦੇ ਇੱਕ ਹੋਰ ਸਮੂਹ ਦੇ ਨਾਲ ਫਲੋਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਹੇਠਾਂ ਕੁਝ ਟੈਕਸਟ ਨਾਲ.
ਇੱਥੇ ਇਸ ਰੂਪ ਵਿਚ ਇਕ ਲੇਆਉਟ ਲਈ HTML ਹੈ
ਇਸਦੇ ਕੋਲ ਇੱਕ ਡਿਵ ਕੰਨਟੇਨਰ ਹੈ ਜੋ ਇਕ ਦੂਜੇ ਨੂੰ ਰੱਖਦਾ ਹੈ ਜੋ ਖੱਬੇ ਪਾਸੇ ਜਾਰੀ ਹੈ
ਇੱਕ ਛੋਟੀ ਜਿਹੀ floated div
ਕੰਟੇਨਰ ਡੀਵੀ ਦੇ ਅੰਦਰ ਭਾਗ ਜੋ ਕਿ ਫਲੋਟੇਡਿਡਿ ਦੇ ਸੱਜੇ ਪਾਸੇ ਹੋਣੇ ਹਨ.
ਇਹ ਜੁਰਮਾਨਾ ਕੰਮ ਕਰੇਗਾ, ਜਿਸਦੇ ਨਾਲ ਮੁੱਖ div ਦੇ ਬਾਕੀ ਹਿੱਸੇ ਦੇ ਖੱਬੇ ਪਾਸੇ ਫਲੋਟਿੰਗ ਵਾਲੇ ਛੋਟੇ ਭਾਗ ਨਾਲ.
ਤੁਸੀਂ ਇੱਕ ਟੈਗ ਨੂੰ ਜੋੜ ਕੇ, ਤੁਸੀਂ ਆਰਜ਼ੀ ਬਾੱਕਸ ਦੇ ਹੇਠਾਂ ਟੈਕਸਟ ਨੂੰ ਸਾਫ਼ ਕਰ ਸਕਦੇ ਹੋ ਜਿੱਥੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਇਹ ਆਰੰਭਿਕ ਬਾਕਸ ਦੇ ਹੇਠਾਂ ਲਿਖਣਾ ਸ਼ੁਰੂ ਕਰੇ.
ਪਰ ਸਮੱਸਿਆ ਉਦੋਂ ਆਉਂਦੀ ਹੈ ਜਦੋਂ ਸ਼ੁਰੂ ਕੀਤਾ ਬਕਸਾ ਉਸ ਤੋਂ ਅੱਗੇ ਦੇ ਸਮਗਰੀ ਤੋਂ ਲੰਮਾ ਹੈ ਫਿਰ, ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ, ਮੁੱਖ ਬਾਕਸ ਦਾ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਹੇਠਾਂ ਚੱਲੇ ਬਕਸੇ ਦੇ ਥੱਲੇ ਤਕ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ.
ਸੁਭਾਗੀਂ, ਇਸ ਨੂੰ ਹੱਲ ਕਰਨ ਦਾ ਇਕ ਆਸਾਨ ਤਰੀਕਾ ਹੈ: ਜਾਇਦਾਦ ਮੁੱਖ ਬਕਸੇ ਨੂੰ ਭਰਨ ਲਈ: ਆਟੋ; ਪਿਛੋਕੜ ਵਾਲੇ ਰੰਗ ਦੇ ਬਿੱਚੇ ਦੇ ਥੱਲੇ ਬਹੁਤ ਹੀ ਥੱਲੇ ਰਹਿਣਗੇ, ਜਿਵੇਂ ਕਿ ਇਸ ਉਦਾਹਰਨ ਵਿਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ.