<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>XiXingWL - CSS</title>
    <link>https://ww.xixingwl.cn/forum-49-1.html</link>
    <description>Latest 20 threads of CSS</description>
    <copyright>Copyright(C) XiXingWL</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Tue, 21 Apr 2026 08:17:35 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://ww.xixingwl.cn/static/image/common/logo_88_31.gif</url>
      <title>XiXingWL</title>
      <link>https://ww.xixingwl.cn/</link>
    </image>
    <item>
      <title>flex</title>
      <link>https://ww.xixingwl.cn/thread-347-1-1.html</link>
      <description><![CDATA[flex的用法
flex-direction:
row（默认值）：主轴为水平方向，起点在左端。
[*]row-reverse：主轴为水平方向，起点在右端。
[*]column：主轴为垂直方向，起点在上沿。
[*]column-reverse：主轴为垂直方向，起点在下沿。



flex-wrap:
[*]nowrap（默认）：不换行。
[*]w ...]]></description>
      <category>CSS</category>
      <author>admin</author>
      <pubDate>Mon, 30 Mar 2026 13:03:22 +0000</pubDate>
    </item>
    <item>
      <title>弹性布局（Flex布局）</title>
      <link>https://ww.xixingwl.cn/thread-346-1-1.html</link>
      <description><![CDATA[什么是弹性布局？弹性布局（Flex布局）是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，并在其中使用灵活的盒子模型来进行元素的排列和定位。弹性布局的特点？弹性布局具有以下特点：
[*]主轴与交叉轴：弹性容器具有主轴（main axis）和交叉轴 ...]]></description>
      <category>CSS</category>
      <author>admin</author>
      <pubDate>Mon, 30 Mar 2026 12:41:05 +0000</pubDate>
    </item>
    <item>
      <title>css3图片比例显示</title>
      <link>https://ww.xixingwl.cn/thread-345-1-1.html</link>
      <description><![CDATA[在CSS中，如果你想控制图片的显示比例，可以使用多种方法来实现。下面是一些常用的方法：

1. 使用width和height属性
你可以直接设置图片的宽度和高度，从而控制其显示比例。例如，如果你想让图片的宽度为100px，高度为50px，可以这样设置：

2. 使用padding-top和paddi ...]]></description>
      <category>CSS</category>
      <author>admin</author>
      <pubDate>Mon, 30 Mar 2026 06:59:49 +0000</pubDate>
    </item>
    <item>
      <title>CSS控制超出部分文字显示省略号</title>
      <link>https://ww.xixingwl.cn/thread-308-1-1.html</link>
      <description><![CDATA[如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。

实现方法：
效果如图：


但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。
接下来重点说一说多行 ...]]></description>
      <category>CSS</category>
      <author>shiy720</author>
      <pubDate>Wed, 15 May 2024 13:56:24 +0000</pubDate>
    </item>
    <item>
      <title>CSS设置行间距,css行间距怎么设置</title>
      <link>https://ww.xixingwl.cn/thread-307-1-1.html</link>
      <description><![CDATA[1. css设置字间距行间距
方法一：在html中，可以使用letter-spacing属性设置文字间距，该属性可以增加或减少字符间的空白（字符间距），只需要给包含文字的元素添加“letter-spacing:间距值;”样式即可。
方法二：etter-spacing 属性增加或减少字符间的空白（字符间距 ...]]></description>
      <category>CSS</category>
      <author>shiy720</author>
      <pubDate>Wed, 15 May 2024 13:52:47 +0000</pubDate>
    </item>
    <item>
      <title>用css实现元素固定宽高比</title>
      <link>https://ww.xixingwl.cn/thread-49-1-1.html</link>
      <description><![CDATA[如何用css实现元素固定宽高比？
一、img、video 可替换元素的固定宽高比实现原理

指定img、video的宽度或者高度，另一边设置auto自动计算。比较简单。

html：

css：

二、普通元素固定宽高比实现原理：

利用padding-top或者padding-bottom的百分比值，实现容器长宽 ...]]></description>
      <category>CSS</category>
      <author>admin</author>
      <pubDate>Mon, 17 Jul 2023 16:03:55 +0000</pubDate>
    </item>
    <item>
      <title>弹性布局（display:flex;）属性详解</title>
      <link>https://ww.xixingwl.cn/thread-48-1-1.html</link>
      <description><![CDATA[它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式：
[*]在不同方向排列元素
[*]重新排列元素的显示顺序
[*]更改元素的对齐方式
[ ...]]></description>
      <category>CSS</category>
      <author>admin</author>
      <pubDate>Wed, 12 Jul 2023 03:21:24 +0000</pubDate>
    </item>
  </channel>
</rss>