layout 相关问题

布局标记用于关于对象相对于包含元素的放置，对齐和对齐的问题。有关CSS的问题，请改用“css”标签。

Android EditText 中的垂直和水平滚动

我需要一个具有垂直和水平滚动且固定大小的EditText，我使用了ScrollView和HorizontalScrollView，但是EditText没有填充上面的View，只留下一个小方块......

android mobile layout android-edittext

回答 1 投票 0

如何在 HStack 中偏移视图，但仍约束框架与偏移量匹配？

正如标题所示，我正在寻找偏移一些视图，即 HStack 内部的 Circle，但是这样做会导致奇怪的行为，其中 HStack 的框架不再正确包裹...

swift user-interface swiftui layout

回答 2 投票 0

使用布局对绘图向量进行子绘制

我想用布局绘制一个绘图向量，但我找不到如何使其工作：使用绘图 # 首先我创建 2*n 个图 n = 1 myPlots = 向量{任意}([]) 对于 i 在 1:2*n 中 p = 绘图（兰德...

layout julia subplot plots.jl

回答 1 投票 0

有没有办法编写SKILL脚本，其中LVS报告文件（在.lvs.report中生成）可以写入.csv文件

有没有办法编写SKILL脚本，其中LVS报告文件（在.lvs.report中生成）可以写入.csv文件？我正在尝试编写一个 SKILL 脚本，其中我可以复制 lvs.report 文件数据...

layout cadence

回答 1 投票 0

应用程序启动时出现和完全消失的布局

当应用程序启动时，我的布局会显示很短的一秒钟，然后消失。作为 Kotlin 的初学者，我不明白为什么它会产生这个结果。当应用程序启动时，我的布局会显示很短的一秒钟，然后消失。作为 Kotlin 的初学者，我不明白为什么会产生这个结果。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="univ.master.kotlin.weather.city.CityFragment"> <fragment android:id="@+id/city_fragment" android:layout_width="match_parent" android:layout_height="match_parent" android:name="univ.master.kotlin.weather.city.CityFragment"/> </LinearLayout> 这只是预览窗口中的一条消息，告诉您由于不知道要插入哪种片段而无法显示片段标签的预览。当您运行实际的应用程序时，该片段将呈现良好。尝试添加： tools:layout="@android:layout/YOUR_LAYOT" <fragment android:id="@+id/city_fragment" android:layout_width="match_parent" android:layout_height="match_parent" tools:layout="@android:layout/YOUR_LAYOT" android:name="univ.master.kotlin.weather.city.CityFragment"/> 感谢您分享您的 xml 和 java 代码。如果你尝试了一切，但布局仍然没有应用，这只是因为 android studio 无法捕获你的 .xml 代码，不用担心。您可以选择所有 xml 代码 ctrl+A>ctrl+X>ctrl+V 不要问我怎么做。我什至不知道如何，但它对我有用。你也可以试试这个，因为这是android studio通用规则重建项目或清除捕获并重新启动希望有帮助我遇到了同样的问题，看来重用在另一个布局中分配给不同视图类型的视图 ID 会导致视图布局在预览中消失。布局 1 有一个 id =“progress_bar”的按钮 <Button android:id="@+id/progress_bar" android:layout_width="match_parent" android:layout_height="wrap_content" ..... /> 布局 2 有一个 id =“progress_bar”的进度条 <ProgressBar android:id="@+id/progress_bar" android:layout_width="30dp" android:layout_height="30dp" ....."/> 解决方案是确保任何重用的视图 ID 不会分配给另一个布局中的不同视图类型。

android kotlin layout

回答 3 投票 0

如何通过CSS在UL/LI html列表中设置项目符号颜色，而不使用任何图像或span标签[重复]

想象一个简单的未排序列表，其中包含一些项目。现在，我通过 list-style:square; 将项目符号定义为方形。但是，如果我用 color 设置项目的颜色... 想象一个简单的未排序列表，其中包含一些 <li> 项目。现在，我已经通过 list-style:square; 将项目符号定义为方形，但是，如果我使用 <li> 设置 color: #F00; 项目的颜色，那么所有都会变成红色！虽然我只想设置方形项目符号的颜色。有没有一种优雅的方式来定义CSS中项目符号的颜色... ...不使用任何精灵图像或跨度标签！ HTML <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <ul> CSS li{ list-style:square; } 最常见的方法是这样做： ul { list-style: none; padding: 0; margin: 0; } li { padding-left: 1em; text-indent: -.7em; } li::before { content: "• "; color: red; /* or whatever color you prefer */ } <ul> <li>Foo</li> <li>Bar</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li> </ul> JSFiddle：http://jsfiddle.net/leaverou/ytH5P/ 适用于所有浏览器，包括 IE 8 及更高版本。前段时间浏览，发现了这个网站，你尝试过这个替代方案吗？ li{ list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2NkYGD4D8RwwEi6AACaVAQBULo4sgAAAABJRU5ErkJggg=="); } 听起来很难，但你可以制作自己的 png 图像/图案这里，然后复制/粘贴你的代码并自定义你的项目符号 =) 仍然很优雅？编辑：遵循@lea-verou在另一个答案上的想法并应用这种外部源增强的哲学，我得出了另一个解决方案：将 Webfont 图标库的样式表嵌入您的头脑中，在本例中为 Font Awesome： <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 从 FontAwesome cheatsheet（或任何其他网络字体图标）获取代码。 i.e.: fa-angle-right [] 并使用 f... 的最后一部分，后跟这样的数字，也带有 font-family： li:before { content: "\f105"; font-family: FontAwesome; color: red; /* or whatever color you prefer */ margin-right: 4px; } 就是这样！现在您也有了自定义项目符号提示 =) 小提琴我只是这样解决这个问题，它应该适用于所有浏览器： ul li { color: red } ul li span { color: blue; } <ul> <li><span>Foo</span></li> <li><span>Bar</span></li> <li><span>Bat</span></li> </ul> CSS 3 Lists 模块的当前规范确实指定了 ::marker 伪元素可以完全满足您的需求； FF已测试不支持 ::marker，我怀疑 Safari 或 Opera 是否有它。 IE当然不支持。所以现在，唯一的方法是使用带有 list-style-image 的图像。我想你可以用 li 包裹 span 的内容，然后你可以设置每个的颜色，但这对我来说似乎有点老套。一种方法是将 li:before 与 content: "" 一起使用，并将其样式设置为 inline-block 元素。这是一个工作代码片段： ul { list-style-type: none; /* no default bullets */ } ul li { font-family: Arial; font-size: 18px; } ul li:before { /* the custom styled bullets */ background-color: #14CCBB; border-radius: 50%; content: ""; display: inline-block; margin-right: 10px; margin-bottom: 2px; height: 10px; width: 10px; } <ul> <li>Swollen joints</li> <li>Pain in hands and knees</li> <li>Redness around joints</li> <li>Constant fatigue</li> <li>Morning stiffness in joints</li> <li>High fevers</li> <li>Rheumatoid nodules, which develop around joints</li> </ul> 然而，另一种解决方案是使用带有 :before 的 border-radius: 50% 伪元素。这适用于所有浏览器，包括 IE 8 及更高版本。使用 em 单元可以响应字体大小的变化。您可以通过调整 jsFiddle 窗口的大小来测试这一点。 ul { list-style: none; line-height: 1em; font-size: 3vw; } ul li:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: red; float: left; margin: .25em .25em 0; border-radius: 50%; } <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <ul> jsFiddle 您甚至可以使用 box-shadow 创建一些漂亮的阴影，而使用 content: "• " 解决方案看起来不太好。我尝试过这个，但事情对我来说变得很奇怪。（在本教程的 :after {content: "";} 部分之后，CSS 停止工作。我发现您只需在 color:#ddd; 项目本身上使用 li 即可为项目符号着色。这是一个示例。 li{ color:#ff0000; list-style:square; } a { text-decoration: none; color:#00ff00; } a:hover { background-color: #ddd; } 我为此使用 jQuery： jQuery('li').wrapInner('<span class="li_content" />'); & 一些 CSS： li { color: red; } li span.li_content { color: black; } 可能有些过分，但如果您正在为 CMS 编码并且不想要求编辑在每个列表项中添加额外的跨度，那么这会很方便。我建议给LI一个background-image和padding-left。 list-style-image属性在跨浏览器环境中很不稳定，并且添加额外的元素（例如跨度）是不必要的。所以你的代码最终会看起来像这样： li { background:url(../images/bullet.png) 0 0 no-repeat; list-style:none; padding-left:10px; } 您可以做的最简单的事情是将<li>的内容包装在<span>或等效物中，然后您可以独立设置颜色。或者，您可以使用所需的项目符号颜色制作图像，并使用 list-style-image 属性进行设置。在多行条目中具有完美缩进的Lea Verou解决方案的变体可能是这样的： ul{ list-style: none; position: relative; padding: 0; margin: 0; } li{ padding-left: 1.5em; } li:before { position: absolute; content: "•"; color: red; left: 0; } 我知道这篇文章的答案有点晚了，但仅供参考...... CSS ul { color: red; } li { color: black; } 项目符号颜色在 ul 标签上定义，然后我们将 li 颜色切换回来。我正在添加我的解决方案来解决这个问题。我不想使用图像，验证器会因为你在 CSS 中使用负值而惩罚你，所以我这样做： ul { list-style:none; padding:0; margin:0; } li { padding-left:0.75em; position:relative; } li:before { content:"•"; color:#e60000; position:absolute; left:0em; } 以 Lea 的演示为例，这是制作带边框的无序列表的不同方法：http://jsfiddle.net/vX4K8/7/ HTML <ul> <li>Foo</li> <li>Bar</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> <ul> <li>Son</li> <li>Of</li> <ul> <li>Foo</li> <li>Bar</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> </ul> </ul> </ul> CSS ul { list-style: none; margin: 0; } ul:first-child { padding: 0; } li { line-height: 180%; border-bottom: 1px dashed #CCC; margin-left: 14px; text-indent: -14px; } li:last-child { border: none; } li:before { content: ""; border-left: 4px solid #CCC; padding-left: 10px; } Lea Verous 解决方案很好，但我想更好地控制子弹的位置，所以这是我的方法： .entry ul { list-style: none; padding: 0; margin: 0; /* hide overflow in the case of floating elements around ... */ overflow: hidden; } .entry li { position: relative; padding-left: 24px; } .entry li:before { /* with absolute position you can move this around or make it bigger without getting unwanted scrollbars */ position: absolute; content: "• "; color: #E94E24; font-size: 30px; left: 0; /* use fonts like "arial" or use "sans-serif" to make the dot perfect round */ font-family: Arial, sans-serif; } 这样就可以了.. li{ color: #fff; }

css layout colors html-lists

回答 16 投票 0

为什么我的内联块后面有空格？ [重复]

我使用浮动样式来删除空格，我想将其居中，但在我的 div#bar 之后出现另一个空格这是我的html： &... 我正在使用浮动样式来删除空格，并且我想将其居中，但在我的div#bar之后出现了另一个空格这是我的html： <div id="foo"> <div id="bar"> <div class="divo divo1">test1</div> <div class="divo divo2">test2</div> <div class="divo divo3">test3</div> <div class="divo divo4">test4</div> </div> </div> 和CSS： #foo { width: 100%; background: #999; text-align: center; } #bar { display: inline-block; } .divo { display: block; float: left; } http://jsfiddle.net/Kodam/ay3ywtqa/ 注意：我不想使用负边距或字体大小 0 样式。由于 #bar 是内联元素，因此它为下行文本元素（例如 j、y、g）保留了空间。您可以向左浮动，但这会折叠它，所以我建议将垂直对齐设置为顶部： #bar { display: inline-block; vertical-align:top; } jsFiddle 示例试试这个： #foo { width: 100%; background: #999; font-size:0; text-align: center; } #bar { display: inline-block; font-size:13px; } 将父级字体大小设置为0，然后将所需的字体大小设置给子级。 jsFiddle：http://jsfiddle.net/ay3ywtqa/3/

html css layout css-float whitespace

回答 2 投票 0

WinUI 3 ListView（或 ScrollView）在 ScrollView 中

我搜索了一个在Scrollview中使用listview的解决方案，但一次没有成功🥲 我想要的结果就像一个网页，在 xaml 中你有一个带有 Scrollview 的页面，对于子元素有一个网格，里面有

c# layout winui-3

回答 1 投票 0

Symfony2 语言切换器捆绑包默认包含在基本模板中

我正在寻找一种解决方案，如何将捆绑包实现到我的基本模板中，以便它在我项目的每个页面上都可见，而不是将其包含到每个模板/捆绑包中。这是吗

php symfony layout include bundle

回答 1 投票 0

如何从派生片段访问父布局

Android Studio（Java）最新版本，。我创建了一个带有布局的“基本”片段（回收器视图）。当我尝试从派生片段访问它时，我得到： E/RecyclerView：没有布局管理...