图像板CSS的盒子模型(Box model for a Image board CSS)
你好我和女孩我过去几周一直在使用Image board作为一个学习项目,并且遇到了一些关于CSS样式的问题,主要是我应该如何设计Post及其内容。 我想要构建的东西看起来像这样。
现在,我这样做的方法是让一个div持有一个img,另一个div使用post_content和一个标题。 并将其设置为Display:flex,row
这样做的一个问题是post / header div会增加容器post div并使文本在屏幕上运行。 我尝试通过给帖子和img固定大小20%/ 80%来解决这个问题。 这很有效,直到我调整页面大小,img和div之间的差距随着我的页面大小而变大。
这里有一个示例帖子,任何帮助都会很棒,而且总是不好回答任何问题。
#flex_content { display: flex; } #flex_post { width: 80%; } #post_header { margin-bottom: 4px; } #thumbnail { width: 10em; height: auto; } #post { background-color: #333 !important; float: left; width: 100%; } #post { height: auto; width: 100%; border: 2px solid #F4E8AF; margin-top: 5px; margin-bottom: 5px; padding: 5px; word-wrap: break-word; } #img { width: 20% } #post_contnet{ width:80%; }
<div id='post'> <div id="header"> <a href="images/1455249371 ">1455249371.png </a> <br /> </div> <div id="flex_content"> <div id="img"> <img id='thumbnail' src="images/1455249371 "> </div> <div id='flex_post'> <div id="reply_header"> <b>Anonymous</b> 10:56 <ahref='chan.php?post=83'>>>No.83</a> [<a href='thread.php?thread=67'>Reply</a>] <br /> </div> <div id='post_contnet'> [Transparent] <br /> </div> </div> </div> </div>
Hello guys and girls I Have been working on a Image board as a learning project for the past few week and have run into a bit of a snag with CSS styling mostly in how I should style the Post and it content. What I'm wanting to build would look something like this.
For now the way I'm doing this is by having a div hold a img and another div with the post_content and a header inside of that. and setting it to Display:flex,row
A problem with this would be that the post/header div would out grow the container post div and would make text run off screen. I tried fixing this by giving the post and the img a fixed size 20%/80%. this worked well till i resize the page and the gap between the img and the div grew larger as i size up the page.
here is a sample post any help would be awesome and as always ill be around to answer any questions.
#flex_content { display: flex; } #flex_post { width: 80%; } #post_header { margin-bottom: 4px; } #thumbnail { width: 10em; height: auto; } #post { background-color: #333 !important; float: left; width: 100%; } #post { height: auto; width: 100%; border: 2px solid #F4E8AF; margin-top: 5px; margin-bottom: 5px; padding: 5px; word-wrap: break-word; } #img { width: 20% } #post_contnet{ width:80%; }
<div id='post'> <div id="header"> <a href="images/1455249371 ">1455249371.png </a> <br /> </div> <div id="flex_content"> <div id="img"> <img id='thumbnail' src="images/1455249371 "> </div> <div id='flex_post'> <div id="reply_header"> <b>Anonymous</b> 10:56 <ahref='chan.php?post=83'>>>No.83</a> [<a href='thread.php?thread=67'>Reply</a>] <br /> </div> <div id='post_contnet'> [Transparent] <br /> </div> </div> </div> </div>
原文:https://stackoverflow.com/questions/35447000
最满意答案
尝试使用
execution
而不是task
,我有startTask相同的问题,但我不知道它是否会与seviceTaskTry to use
execution
insteadtask
, I had the same problem with startTask, but I'm not sure if it will work with seviceTask
相关问答
更多-
遗憾的是,您无法访问存储库中的浏览器信息。 快速而肮脏的解决方案是直接使用页面中已有的信息。 我已经开始工作流程并像您一样打开任务页面。 使用浏览器调试工具,我检查了html。 正如您在下面附带的图像中看到的那样,Alfresco将附加到任务的文档存储在隐藏的输入中。 你可以使用YAHOO来获得它。 搜索ID为“page_x002e_data-form_x002e_task-edit_x0023_default_assoc_packageItems”的元素。 如果关联的文档不止一个,则该值将是逗号分隔的no ...
-
这是对此问题的专家评论: http : //geek.hubkey.com/2007/09/locked-workflow.html 并且,如果您已编辑任务列表中的列,则此链接可能有所帮助: http : //social.msdn.microsoft.com/Forums/en-US/sharepointworkflow/thread/8ec834b6-5408-4079-bdfb-b88d341b36bf/ 希望这可以帮助 here is an expert comment on this proble ...
-
尝试使用execution而不是task ,我有startTask相同的问题,但我不知道它是否会与seviceTask Try to use execution instead task, I had the same problem with startTask, but I'm not sure if it will work with seviceTask
-
请注意,无论是在无状态规则的when子句中还是在规则体中,您都可以实现类似State!= null &&!State.isResolved &&(State.oldValue!= null && State.oldValue.isResolved) 要防止更改问题,请使用assert After a lot of working with the code I found the solution: rule check open state when issue.State.becomes({Open} ...
-
除了actor框架之外,我建议使用两种主要的方法来处理普通的旧Java: 使用我们提交任务的ExecutorService。 可以使用Future对象同步正确的步骤顺序。 可以使用下面显示的Phaser来同步整个任务集。 使用Fork / Join框架 以下是使用简单执行程序服务的示例。 Workflow类被赋予执行程序和移相器(同步障碍)。 每次执行工作流程时,它都会为每个步骤(即数据收集,处理和后处理)提交新任务。 每个任务都使用这些相位器来指示它何时开始和停止。 public class Workfl ...
-
您可以在工作流程中使用“从用户收集数据”操作,您可以创建一些用于从用户获取数据的列,在用户完成此任务后,您的工作流程将转到下一步,您可以在此链接中找到更多详细信息 you can use "Collect data from a user" Action in your workflow , you can create some column for getting data from user and after complete this task by user your workflow will ...
-
尽管Eric Lippert提到你不应该获取Task.Result,但仍有几个问题要回答: 如何检查对象是否是泛型类型 obj.GetType().IsGenericType 是否是任务
obj.GetType().GetGenericTypeDefinition() == typeof(Task<>) 如何访问通用属性值 obj.GetType().GetProperty("Result").GetValue(obj) // This value could be null Des ... -
从任务<>获取对象(Get object from Task<>)[2021-07-10]
您正在同步运行异步代码。 你必须在你的方法之前使用await来异步运行你的方法 - 这将处理为你获得任务的结果。 如果同步运行代码,则必须获取任务的结果。 对于异步: public async TaskAccept(string id) { var request = await UpdateRequest(id, RequestOutcome.Accept); if (request!= null) { var c = request ... -
我想知道是否有任何方法可以做一种Thread.WaitAll()而没有实际拥有Task对象,因为没有办法得到它们。 不,没有办法可靠地做到这一点。 I would like to know if there is any way to do a sort of Thread.WaitAll() without actually having the Task objects as there's no way to get them. No, there is not a way to do this re ...
-
获取当前运行的任务(Get current running Task)[2022-10-11]
不,没有当前Task概念。 任意运行的任务很多。 甚至“跑步”也没有明确定义。 是new TaskCompletionSource